人 


AS SPINEE 动 志 网 站 
开发 项 目 化 教程 


程 琪 张 白桦 编著 


高 职高 专 计算 机 任务 驱动 模式 教材 


ASP.NET 动态 网 站 
开发 项 目 化 教程 


程 琪 张 白桦 编著 


内 容 简 介 


本 书 以 项 目 化 任务 为 载体 ,系统 介绍 了 微软 ASP.NET 动态 网 站 开发 技术 。 全 书 共 分 10 章 , 主要 
内 容 包括 ASP.NET 框架 与 环境 .C# 编程 .ASP.NET 服务 器 控件 和 第 三 方 控件 .ASP.NET 系统 对 象 、 
数据 库 访 问 和 编程 .XML 访问 .Web 服务 、 网 站 部 署 与 安全 性 配置 .AJAX 技术 等 。 

本 书 以 一 个 MVC 三 层 架构 的 实际 的 门户 网 站 项 目 为 主线 ,突出 .NET 的 特点 和 应 用 方向 ,强调 “ 边 
做 边 学 ”, 将 理论 知识 分 解 到 一 个 项 目的 众多 任务 中 去 ,并 给 出 了 每 个 任务 实例 的 设计 步骤 和 源 代码 。 

0931 项 目 包 括 一 个 多 功能 多 角色 的 三 层 架 构 新 闻 网 站 ,一 个 同样 多 功能 的 三 层 架构 博客 网 站 一 
个 基于 系统 对 象 设计 的 聊天 室 ,一 个 基于 XML 技术 的 留言 板 一 个 提供 电话 区 号 查询 的 Web 服务 一 
个 基于 AJAX 技术 的 新 闻 展示 改进 方案 以 及 网 站 后 台 管理 、 网 站 配置 和 安全 性 策略 等 。 

本 书 结构 清晰 、 浅 显 易 懂 , 既 可 作为 高 职高 专 院 校 计算 机 专业 Web 开发 课程 教材 以 及 相关 培训 教 
材 ,也 适合 具有 一 般 计 算 机 基础 的 读者 自学 使 用 。 
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出 版 说 明 


我 国 高 职高 专 教育 经 过 近 十 年 的 发 展 ,已 经 进入 深度 教学 改革 阶段 。 
教育 部 2006 年 12 月 发 布 了 教 高 [2006]16 号 文件 “关于 全 面 提高 高 等 职 
业 教 育 教学 质量 的 若干 意见 ”, 文 件 指出 ,应 大 力 推行 工学 结合 ,突出 实践 
能 力 培养 ,全 面 提高 高 职高 专 教学 质量 。 

清华 大 学 出 版 社 作为 国内 大 学 出 版 社 的 领跑 者 ,为 了 进一步 推动 高 
职高 专 计 算 机 专业 教材 的 建设 工作 ,适应 高 职高 专 院 校 计算 机 类 人 才 培 
养 的 发 展 趋势 ,根据 教 高 [2006]16 号 文件 的 精神 ,2007 年 秋季 开始 了 切 
合 新 一 轮 教学 改革 的 教材 建设 工作 。 

目前 国内 高 职高 专 院 校 计算 机 网 络 与 软件 专业 的 教材 品种 繁多 ,但 
切合 国家 计算 机 网 络 与 软件 技术 专业 领域 技能 型 紧缺 人 才 培 养 培训 方案 
并 符合 企业 的 实际 需要 、 能 够 成 体系 的 教材 还 不 成 熟 。 

我 们 组 织 国内 对 计算 机 网 络 和 软件 人 才 培 养 模式 有 研究 并 且 有 实践 
经 验 的 高 职高 专 院 校 ,进行 了 较 长 时 间 的 研讨 和 调研 , 遂 选 出 一 批 富有 工 
程 实践 经 验 和 教学 经 验 的 双 师 型 教师 ,合力 编写 了 这 套 适用 于 高 职高 专 
计算 机 网 络 、 软 件 专 业 的 教材 。 

本 套 教材 的 编写 方法 是 以 任务 驱动 案例 教学 为 核心 ,以 项 目 开 发 为 
主线 。 我 们 研究 分 析 了 国内 外 先进 职业 教育 的 培训 模式 、 教 学 方法 和 教 
材 特色 ,消化 吸收 优秀 的 经 验 和 成 果 。 以 培养 技术 应 用 型 人 才 为 目标 ,以 
企业 对 人 才 的 需要 为 依据 ,把 软件 工程 和 项 目 管理 的 思想 完全 融入 教材 
体系 ,将 基本 技能 培养 和 主流 技术 相 结合 。 课 程 设置 中 重点 突出 、 主 辅 分 
明 、 结 构 合 理 \ 衔 接 紧凑 。 教 材 侧重 培养 学 生 的 实际 操作 能 力 , 学 、 思 、 练 
相 结合 , 旨 在 通过 项 目 实践 ,增强 学 生 的 职业 能 力 ,使 知识 从 书本 中 释放 
并 转化 为 专业 技能 。 


一 、 教 材 编写 思想 


本 套 教材 围绕 开发 项 目 所 用 到 的 知识 点 进行 讲解 ,对 某 些 知 识 点 附 
上 相关 的 例题 ,以 帮助 读者 理解 ,进而 将 知识 转变 为 技能 。 

考虑 到 是 以 “项 目 设计 ”为 核心 组 织 教学 ,所 以 在 每 一 学 期 都 配 有 相应 
的 实 训 课程 及 项 目 开 发 手册 ,要 求学 生 在 教师 的 指导 下 ,能 整合 本 学 期 所 
学 的 知识 内 容 , 相 互 协作 ,综合 应 用 该 学 期 的 知识 进行 项 目 开发 。 同 时 在 
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教材 中 采用 了 大 量 的 案例 ,这 些 案例 紧密 地 结合 教材 中 的 各 个 知识 点 ,循序 渐进 ,由 浅 人 
深 , 在 整体 上 体现 了 内 容 主 导 、 实 例 解 析 , 以 点 带 面 的 模式 ,配合 课程 后 期 以 项 目 设 计 贯 穿 
教学 内 容 的 教学 模式 。 

软件 开发 技术 具有 种 类 繁多 、 更 新 速度 快 的 特点 。 本 套 教材 在 介绍 软件 开发 主流 技 
术 的 同时 ,帮助 学 生 建立 软件 相关 技术 的 横向 及 纵向 的 关系 ,培养 学 生 综合 应 用 所 学 知识 
的 能 力 。 


二 、 丛 书 特色 


本 系列 教材 体现 目前 的 工学 结合 教改 思想 ,充分 结合 教改 现状 ,突出 项 目 面向 教学 和 
任务 驱动 模式 教学 改革 成 果 ,打造 立体 化 精品 教材 。 

(1) 参照 或 吸纳 国内 外 优秀 计算 机 网 络 、 软 件 专业 教材 的 编写 思想 ,采用 本 土 化 的 实 
际 项 目 或 者 任务 ,以 保证 其 有 更 强 的 实用 性 ,并 与 理论 内 容 有 很 强 的 关联 性 。 

(2) 准确 把 握 高 职高 专 软件 专业 人 才 的 培养 目标 和 特点 。 

(3) 充分 调查 研究 国内 软件 企业 ,确定 了 基于 Java 和 .NET 的 两 个 主流 技术 路 线 , 再 
将 其 组 合成 相应 的 课程 链 。 

(4) 教材 通过 一 个 个 的 教学 任务 或 者 教学 项 目 , 在 做 中 学 ,在 学 中 做 ,以 及 边 学 边 做 ， 
重点 突出 技能 培养 。 在 突出 技能 培养 的 同时 ,还 介绍 解决 思路 和 方法 ,培养 学 生 未 来 在 就 
业 岗 位 上 的 终身 学 习 能 力 。 

(5) 借鉴 或 采用 项 目 驱 动 的 教学 方法 和 考核 制度 ,突出 计算 机 网 络 、 软 件 人 才 培 训 的 
先进 性 ` 工 具 性 、 实 践 性 和 应 用 性 。 

(6) 以 案例 为 中 心 ,以 能 力 培养 为 目标 ,并 以 实际 工作 的 例子 引入 概念 ,符合 学 生 的 
认 知 规律 。 语 言 简 洁 明 了 ,清晰 易 懂 、 更 具 人 性 化 。 

(7) 符合 国家 计算 机 网 络 、 软 件 人 才 的 培养 目标 ; 采用 引入 知识 点 、 讲 述 知 识 点 、 强 
化 知识 点 、 应 用 知识 点 、 综 合 知识 点 的 模式 ,由 浅 入 深 地 展开 对 技术 内 容 的 讲述 。 

(8) 为 了 便于 教师 授课 和 学 生 学 习 , 清 华 大 学 出 版 社 正在 建设 本 套 教 材 的 教学 服务 
资源 。 在 清华 大 学 出 版 社 网 站 (www.tup.com.cn) 免 费 提供 教材 的 电子 课件 、 案 例 库 等 
资源 。 

高 职高 专 教育 正 处 于 新 一 轮 教学 深度 改革 时 期 ,从 专业 设置 .课程 体系 建设 到 教材 建 
设 ,依然 是 新 课题 。 希 望 各 高 职高 专 院 校 在 教学 实践 中 积极 提出 意见 和 建议 ,并 及 时 反馈 
给 我 们 。 清 华 大 学 出 版 社 将 对 已 出 版 的 教材 不 断 地 修订 、 完 善 ,提高 教材 质量 ,完善 教材 
服务 体系 ,为 我 国 的 高 职高 专 教育 继续 出 版 优秀 的 高 质量 的 教材 。 


清华 大 学 出 版 社 
高 职高 专 计算 机 任务 驱动 模式 教材 编审 委员 会 
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教材 是 根据 课程 标准 而 编写 的 ,而 课程 又 是 根据 专业 培养 方案 而 设 
午 的 ,高 职 专业 培养 方案 是 以 就 业 为 导向 ,基于 职业 岗位 工作 需求 而 制订 
的 。 在 高 职 专业 培养 方案 的 制订 过 程 中 ,必须 遵照 教育 部 教 高 [2006] 
16 号 文件 的 精神 ,体现 工学 结合 人 才 培 养 模式 ,重视 学 生 校内 学 习 与 实 
际 工作 的 一 致 性 。 制 订 课程 标准 ,高 等 职业 院 校 要 与 行业 企业 合作 开发 
课程 ,根据 技术 领域 和 职业 岗位 ( 群 ) 的 任职 要 求 ,参照 相关 的 职业 资格 标 
准 ,改革 课程 体系 和 教学 内 容 。 在 教材 建设 方面 ,应 紧密 结合 行业 企业 生 
产 实 际 ,与 行业 企业 共同 开发 融 “ 教 .学 、 做 ”为 一 体 ,强化 学 生 能 力 培养 的 
实 训 教 材 。 

教材 既是 教师 教 的 资料 ,又 是 学 生 学 的 资料 。 在 教学 过 程 中 ,教师 与 
学 生 围绕 教材 的 内 容 进行 教 与 学 。 因 此 ,要 提高 教学 质量 必须 有 一 套 好 
的 教材 , 赋 之 于 教学 实施 。 

高 等 职业 技术 教育 在 我 国 仅 有 10 年 的 历史 ,在 专业 培养 方案 制订 、 
课程 标准 编制 .教材 编写 等 方面 还 都 处 于 探索 期 。 目 前 ,高 职 教育 一 定 要 
在 两 个 方面 下 工夫 : 一 是 职业 素质 的 培养 ; 二 是 专业 技术 的 培养 。 传 统 
的 教材 ,只 是 较为 系统 地 传授 专业 理论 知识 与 专业 技能 ,大 多 数 是 从 抽象 
到 抽象 ,这 种 教学 方式 高 职 院 校 的 学 生 很 难 接受 ,因为 高 职 学 生 具 备 的 理 
论 基础 与 好 辑 思维 能 力 远 不 及 本 科 院 校 的 学 生 , 因 此 传统 体系 的 教材 不 
适合 高 职 学 生 的 教学 。 

认识 的 发 展 过 程 是 从 感性 认识 到 理性 认识 ,再 由 理性 认识 到 能 动 地 
改造 客观 世界 的 辩证 过 程 。 一 个 正确 的 认识 ,往往 需要 经 过 物质 与 精神 、 
实践 与 认识 之 间 的 多 次 反复 。“ 看 图 识字 ”“ 素 描 临 摹 >"“ 师 傅 带 徒弟 ”、 
“工学 结合 ?都 是 很 好 的 学 习 模 式 ,因此 以 案例 、 任 务 、 项 目 驱动 模式 编写 
的 教材 会 比较 适合 高 职 学 生 的 学 习 , 让 学 生 从 具体 认识 到 抽象 理解 , 边 做 
边 学 ,体现 “做 中 学 、 学 中 做 ”, 不 断 循环 ,从 而 完成 职业 素养 与 专业 知识 和 
技能 的 学 习 , 尤 其 在 技能 训练 方面 得 到 加 强 。 学 生 在 完成 案例 任务、 项 
目的 操作 工作 中 ,掌握 了 职业 岗位 的 工作 过 程 与 专业 技能 ,在 此 基础 上 ， 
教师 用 具体 的 实例 去 讲解 抽象 的 理论 ,显然 是 迎刃而解 。 

清华 大 学 出 版 社 与 杭州 开元 书局 共同 策划 的 “高 职高 专 计算 机 任务 
驱动 模式 教材 ”, 就 是 遵照 教育 部 教 高 [2006]16 号 文件 精神 ,综合 目前 高 
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职 院 校 信息 类 专业 的 培养 方案 和 课程 标准 ,组 织 有 多 年 教学 经 验 的 一 线 教师 进行 编写 。 
教材 以 案例 、 任 务 、 项 目 为 驱动 模式 ,结合 最 前 沿 的 IT 技术 ,体现 职业 素养 与 专业 技术 。 
同时 ,充分 考虑 教学 目标 教师, 学生、 实 训 条 件 , 从 而 使 教材 的 结构 与 内 容 适 合 教师 能 教 、 
学 生 能 学 ` 实 训 条 件 能 满足 ,真正 成 为 高 等 职业 技术 教育 的 合理 化 教材 ,以 推动 高 职 教材 
改革 和 创新 的 发 展 。 

在 教学 实施 过 程 中 ,以 案例 、 任 务 、 项 目 为 驱动 已 经 得 到 教师 与 学 生 的 认可 ,但 用 教材 
进行 充分 体现 尚 属于 尝试 阶段 。 清 华 大 学 出 版 社 与 开元 书局 在 这 方面 进行 大 胆 的 开拓 ， 
无 疑 为 高 职 教 材 建设 提供 了 良好 的 展示 平台 。 

任何 新 生 事 物 都 有 其 优点 与 缺点 ,但 要 看 事物 的 总 体 发 展 方向 。 经 过 不 断 的 完善 和 
高 职 教育 战线 上 同仁 们 的 支持 ,相信 在 不 久 的 将 来 会 涌现 出 一 批 符合 高 职 教育 的 系列 化 
教材 ,为 提高 高 职 教学 质量 、 培 养 出 合格 的 高 职 专 业 人 才 作 出 贡献 。 


温州 职业 技术 学 院 计 算 机 系 主任 
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随 着 Internet 技术 的 飞速 发 展 , Web 技术 应 用 日 益 广泛 。Microsoft 
公司 推出 的 新 一 代 ASP. NET 技术 融合 Visual Studio 开发 环境 ,使 得 
Web 开发 架构 更 加 高 效 简捷 ,ASP.NET 因此 成 为 当前 Web 开发 的 主流 
技术 和 众多 网 络 编程 开发 人 员 的 首选 。 

本 教程 是 与 高 职高 专 专业 课程 体系 、 培 养 模式 改革 相配 套 的 教材 。 
本 书 具 有 边 做 边 学 .工学 结合 的 鲜明 特色 ,全 书 以 实际 项 目 为 主线 ,以 任 
务实 例 为 载体 ,主要 围绕 着 C# 编程 .ASP.NET 控件 和 系统 对 象 . 数 据 库 
开发 等 几 个 方面 展开 。 

本 书 设计 的 实际 项 目 案例 是 “0931 网 站 ”。 它 是 一 个 以 计算 机 软件 
技术 专业 0931 班 同学 为 开发 设计 主体 做 虚拟 背景 的 门户 网 站 。0931 网 
站 项 目 包 括 一 个 三 层 架 构 的 新 闻 中 心 一 个 三 层 架 构 的 博客 网 站 ,一 个 基 
于 系统 对 象 设计 的 聊天 室 、 一 个 基于 XML 技术 的 留言 板 、 一 个 提供 电话 
区 号 查询 的 Web 服务 和 一 个 查询 发 布 天 气 预报 的 Web 服务 应 用 实例 、 
一 个 基于 AJAX 技术 的 新 闻 展 示 改 进 方案 以 及 网 站 后 台 管 理 ` 网 站 配置 
和 安全 性 策略 等 。 由 于 对 这 个 项 目 进行 了 解构 与 分 离 ,分 任务 分 模块 安 
排 章节 ,因此 这 样 的 项 目 化 教程 符合 项 目 教学 .任务 驱动 的 高 职高 专 课程 
体系 改革 的 初衷 和 目标 。 

本 书 内 容 共 分 10 章 。 

第 1 章 ASP.NET 概述 ”介绍 ASP.NET 开发 环境 。 包 括 .NET 框 
架 结构 与 ASP.NET 的 特色 优势 .Visual Studio 集成 开发 环境 、 基 于 C# 
编程 的 .NET 代码 后 置 技术 和 事件 驱动 机 制 , 以 及 ASP.NET 的 基本 控件 
与 属性 窗口 的 使 用 。 

第 2 章 使 用 站 点 导航 控件 和 母 版 页 介绍 ASP.NET 站 点 导航 系统 
与 使 用 母 版 页 整合 公共 元 素 统一 布局 。 包 括 web. sitemap 站 点 地 图 文 
件 、SiteMapPath、TreeView 站 点 导航 控件 以 及 0931 项 目 导航 系统 与 母 
版 页 。 

第 3 章 系统 对 象 与 数据 传递 ”介绍 Page、 Request、 Response、Cookie、 
Session 和 Application 等 系统 对 象 以 及 数据 在 页 内 和 页 间 传 递 . 记 录 的 方 
法 ,构建 了 一 个 基于 系统 对 象 的 网 站 聊天 室 。 

第 4 章 服务 器 控件 和 第 三 方 控件 ”介绍 验证 控件 和 验证 码 控件 、 日 


ll 
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历 控件 和 JS 版 日 历 控件 以 及 使 用 FCKeditor 在 线 文 本 编辑 控件 等 。 

第 5 章 使 用 ADO.NET 访问 数据 库 ”介绍 三 层 结构 设计 模式 .基于 三 层 结构 的 系统 
基本 框架 搭建 ; 利用 数据 库 信 息 实 现实 体 类 以 及 项 目 数 据 访 问 层 与 业务 巡 辑 层 的 实现 ; 
使 用 SqlConnection、SqlCommand 和 SqlDataReader 对 象 及 方法 连接 、 访 问 数据 库 ; 
ObjectDataSource 等 各 种 数据 源 控件 与 数据 绑 定 控件 的 类 型 和 作用 ,以 及 使 用 GridView、 
DropDownList、DetailsView、FormView 控件 显示 添加 删除、 编辑 .查询 数据 等 。 最 终 创建 
一 个 可 以 支持 分 类 浏览 .关键 字 查询 .后台 管 理 等 功能 的 多 角色 三 层 架 构 新 闻 网 站 。 

第 6 章 深入 数据 库 编 程 ” 介 绍 DataList 控件 的 使 用 以 及 新 闻 速 览 数据 访问 层 与 业 
务 迎 辑 层 的 实现 ; 使 用 PagedDataSource 对 象 给 数据 绑 定 控件 增加 分 页 功能 ; 使 用 
Repeater 控件 自 定义 模板 显示 新 闻 等 。 

第 7 章 XML 访问 技术 介绍 ASP. NET 访问 XML 的 常用 处 理 类 以 及 使 用 
XmlDataSource 数据 源 控件 和 数据 绑 定 控件 访问 XML 的 方法 ,构建 了 一 个 基于 XML 技 
术 的 站 点 留言 板 。 

第 8 章 .NET Web 服务 ”介绍 Web 服务 的 概念 、 创 建 和 使 用 Web 服务 的 方法 ; 提供 
了 一 个 返回 DataSet 对 象 的 查询 电话 区 号 的 Web 服务 实例 以 及 在 站 点 中 使 用 Web 服务 
查询 发 布 天 气 预 报 的 应 用 实例 。 

第 9 章 网 站 部 署 与 安全 性 配置 ”创建 了 一 个 可 以 浏览 发 表 用户 日 志和 评论 ,支持 用 
户 及 日 志文 章 后 台 管 理 的 三 层 架 构 的 博客 网 站 ,并 以 此 为 载体 介绍 网 站 部 署 与 安全 性 配 
置 策略 .应 用 程序 配置 文件 与 结构 以 及 网 站 的 安全 认证 与 授权 等 。 

第 10 章 ASP.NET AJAX 介绍 ASP.NET AJAX 的 原理 ,ASP.NET AJAX Extensions 
的 安装 ,对 ASP.NET AJAX Extensions 的 5 大 控件 进行 了 详细 的 阐述 ,然后 在 此 基础 上 
对 新 闻 网 站 的 新 闻 展 示 提 出 一 个 基于 ASP.NET AJAX 模式 的 改进 方案 。 

对 于 项 目 任 务 中 有 待 深入 和 扩展 的 部 分 ,本 书 以 “思考 与 练习 ”的 方式 在 习题 部 分 提 
出 问题 并 给 予 提示 。 为 方便 教师 教学 ,还 随 本 书 一 起 提供 了 与 本 教材 配套 的 所 有 实例 源 
代码 和 PPT 课件 ,可 以 登录 清华 大 学 出 版 社 网 站 (www. tup. tsinghua. edu. cn) 下 载 使 
用 。 本 书 所 有 源 代码 均 在 Visual Studio 2005 中 调试 通过 。 

本 教程 定位 于 高 职高 专 层次 教材 ,在 兼顾 学 科 完 整 性 和 学 术 价值 的 同时 ,突出 了 实践 
性 。 本 书 可 作为 高 职高 专 院 校 计算 机 相关 专业 学 习 动 态 网 站 开发 的 教材 和 各 类 培训 学 校 
的 教材 ,对 于 在 .NET 框架 下 的 Web 开发 人 员 也 具有 一 定 的 参考 价值 。 

本 书 由 程 琪 、 张 白桦 编著 。 书 中 第 1 一 4.7 一 9 章 由 程 琪 编写 ,第 5.6、10 章 由 张 白 桦 
编写 ,全 书 由 程 琪 统 稿 并 撰写 前 言 。 许 倩 倩 为 本 书 网 站 项 目 设 计 了 Banner 图 片 ,白雪 冰 、 
席 先 杰 为 本 书 的 撰写 提供 了 宝贵 的 意见 和 无 私 的 帮助 ,在 此 一 并 表示 诚挚 的 感谢 ! 

由 于 时 间 仓 促 , 书 中 牙 漏 、 不 足 之 处 在 所 难免 , 敬 请 读者 批评 指正 。 


编 者 
2010 年 1 月 


任务 1.1 构建 ASP.NET 开发 环境 pp 


任务 目标 
.NET 框架 与 ASP.NET 


村 | 

1.2 

1.3 安装 Microsoft .NET Framework 
.1.4 设置 虚拟 目录 pv 
.1.5 Visual Studio 集成 开发 环境 

1.6 小 结 i 

.1.7 思考 与 练习 
任务 1.2 

任务 目标 


Web. config 配置 文件 … 


小 结 
思考 与 练习 


cb cnmn 
站 口 思 上 一 


第 2 章 ”使 用 站 点 导航 控件 和 母 版 页 
任务 2.1 全 用 SaMepEseh 流 证 色 用 导航 ee 


任务 目标 ………… 
2.1.1 导航 系统 与 站 点 地 图 
2.1.2 网 站 的 面包 丑 导 航 
B13 ep 的 分 隔 符 设 置 为 图 片 
4 E 
5 


2.1. 小 结 

2.1.5 思考 与 练习 
任务 2.2 ”使 用 TreeView 设计 树 形 结构 导航 

任务 目标 er 


2.2.1 TreeView 站 点 导航 控件 -pp 


安装 Web 服务 器 TIS pp 


第 一 个 ASP.NET 应 用 程序 pp 


机 秆 玫 SRNE 下 种 则 和 二 和光 
Web 窗 体 页 面 的 控件 设计 .pp 
事件 处 理 与 代码 后 置 ee 


(>. r 王 一 


常用 控件 与 属性 窗口 … … 


请 


ASP NET 动态 网 站 开发 项 目 化 教程 


第 3 章 ”系统 对 象 与 数据 传递 pp 


任务 3. 


任务 目标 … 


3,1, 


任务 3. 


人 


1 
1 
1. 
L 
1 
L 


2 


中 四 


口上 性 mo 


1 
2 
3 
4 
5 


网 站 树 形 目录 导航 ee 16 
在 树 形 目录 导航 中 重 定向 页 面 ee 18 
选择 XML 文件 作为 数据 源 … - 

思 者 与 练习 
i “ 

pad a 站 
有 多 个 ContentPlaceHolder 控件 时 的 母 版 页 布局 pp 25 
小 省 ， I A 


获取 用 户 输入 信息 和 客户 端 环境 信息 ………………… 29 


A NET 系统 对 象 概述 ER ES 区 
各 着 与 练 对 eis .. 
记录 用 户 访问 网 站 的 时 间 和 次 数 De des 克 帮 


3.2.1 
3.2.2 
3.2.3 
3.2.4 


任务 3. 


任务 目标 … 


3 


中 
3. 3.2 
3.3.3 
3.3.4 
3.3.5 


Cookie 对 象 简介 … .34 
记录 用 户 的 访问 信息 息 35 
Pe 
设计 网 站 聊天 室 ee 38 


Session 对 象 和 Application 对 象 简介 pp 38 
聊天 室 首页 与 简单 计数 器 设计 ……… 
构建 登录 字符 串 与 发 言 字符 昌 es 


放生 全 全 


第 4 章 服务 器 控件 和 第 三 方 控件 


任务 4. 


X 


1 


验证 控件 和 验证 码 控件 一 ……… 


任务 


任务 


有 
控件 概述 45 
验证 控件 与 用 户 注册 页 面 . 
使 用 验证 码 控件 … 
未 缚 -5 
4. 日历 控件 和 JS 版 旧历 控件 NSS 后 必 
ye ,iE 让 全 二 交涉 所 夯 
4.2.2 JS 版 日 历 控件 . 
4.2.4 思考 与 练习 …… 
4.3 在 线 文本 编辑 控件 ， 
任务 目标 … Ca 
4.3.1 下 载 安装 FCKeditor 控件 … Pp 
4. 3.2 ”在 发 表 文章 页 面 使 用 FCKeditor 控件 pp 53 
4.3.3 ”使 用 FCKeditor 控件 上 传 图 片 pp 53 
CR a 
.9.5 户 才 与 纺 避 5 


人 
SP PP 
an 中 wo 


第 5 章 使 用 ADO.NET 访问 数据 库 pp 55 


任务 


任务 目标 .. ee TT 

1 三 层 结构 概述 ess esses. 

3 人 时 站 | 
结构 系统 实体 类 的 实现 61 
5 ' 
6 


je Wi 
思考 与 练习 
实现 三 层 结构 下 的 用 户 登录 
目标 . … 65 
BO di 
常用 .ABOUNE 人 对 痕 天 全 用 | eeeeiiesensiennnnentratenrntrnie i66 
用 户 登 录 数 据 访问 层 的 实现 pp 71 
用 户 登 录 业 务 逻 辑 层 的 实现 
用 户 登录 表示 层 的 实现 
es 


思考 与 练习 


mmmnmnmnnmnmirnnnnona 
二 人 全 这 人 人 


wDNr- 


ASP NET 动态 网 站 开发 项 目 化 教程 


柱 委 5.3 实现 三 层 结 梅 下 的 用 访 往 央 0mreiesiconsi iri 


任务 目标 … 

.2 用 户 注册 业务 逻辑 层 的 实现 
.3 用 户 注册 表示 层 的 实现 … 
.4 
.5 


小 结 


任 
目标 … 


GridView 控件 简 pe 


使 用 GridView 控件 实现 新 闻 类 别 显 示 … 


小 结 


oo 中 am oo 上 


5.5.1 DropDownList 控件 简介 ………… 


5.5.2 使 用 DropDownList 控件 分 类 显示 新 闻 way dn 


5.5.3 小 结 … 
5.5.4 思考 与 练习 … 


任务 5.6 使 用 DetailsView 控件 实现 新 闻 详细 显 示 pp 


任 努 目 棕 -essa 
Detalleview 答 站 答 认 na 


Ot NR 


小 结 … 


站 品 思 上 性 


5.6. 
任务 5.7 使 用 FormView 控件 实现 新 闻 详 细 显 示 … 

任务 目标 ee 

5.7.1 FormView 控件 简介 - 


6 
6 
6 
6 
6 
6 
6 
人 


5.7.2 使 用 FormView 控件 实现 前 台新 闻 详 细 显 示 < 


和 


3.1 用 户 注册 数据 访问 层 的 实现 


[iE CE op 
使 用 GridView 控件 实现 新 闻 管理 … 


新 闻 类 别管 理 数据 访问 层 与 业务 逻辑 层 的 实现 


使 用 GridView 控件 实现 新 闻 类 别 的 编辑 .删除 ， 了 
新 闻 列 表 显 示 、 删 除数 据 访问 层 与 业务 逻辑 层 的 实现 ………………… 
使 用 GridView 控件 实现 新 闻 列 表 的 显示 、 删 除 pp 


i i hy 


新 闻 详 细 显 示 数 据 访 问 层 与 业务 逻辑 层 的 实现 

使 用 DetailsView 控件 实现 管理 员 后 台新 闻 详 细 显示 
新 闻 编 辑 .添加 数据 访问 层 与 业务 逻辑 层 的 实现 … “ 
使 用 DetailsView 控件 实现 新 闻 编 辑 .添加 … a 


“110 


114 


5.7.4 。 思 着 与 练习 和 
第 6 章 “深入 数据 库 编程 


任务 6.1 使 用 DataList 列表 显示 新 闻 … 
任务 目标 ee 

6.1. DataList 控件 简介 … 

6. 

6. 

6 小 结 … 

思考 与 练习 … 


中 WD 


6 1 

任务 6. 
6. 2.1 对 象 简介 … 
6.2.2 使 用 PagedDataSource 实现 新 闻 速 览 页 分 页 显示 
6.2.4 思考 与 练习 


1 
二 更 
1 
2 


任务 6.3 使 用 Repeater 列表 显示 新 闻 ese, 


任务 目标 …………… 

6. 3.1 Repeater 控件 简介 … ry 

6.3.2 使 用 Rs 控件 实现 新 闻 搜 索 列表 显示 
6.3.3 小 结 … 

6.3.4 思考 与 练习 … 


第 7 章 XML 访问 技术 ………… 


任务 7.1 一 个 基于 XML 的 留言 板 设计 
任务 目 标 Sess 


全 措 隐 XM 六 和 和 次 S 下 注 称 记 
XML 访问 的 公共 类 设计 ， 
使 用 XmlDataSource 控件 和 DataList 控件 显示 留言 
添加 留言 到 XML 文件 中 . 


小 结 … 


i 
jn je i jd et 
TD 


第 8 章 .NET Web 服务 


任务 8.1 使 用 Web 服务 查询 发 布 天 气 预报 


任务 目标 


新 闻 速 览 数据 访问 层 与 业务 逻辑 层 的 实现 ………………………… 
使 用 DataList 控件 实现 新 闻 速 览 列 表 显 示 … TT 


使 用 PagedDataSouree 从 页 品 示 新 闻 eis 


使 用 XmlDataSource 控件 和 GridView 控件 删除 留言 ……………… 


思考 与 练习 和 


er 


部 甸 
站， 本 站 ed 


中 


Web 服务 概述 … 有 
一 个 简单 的 Web 服务 实例 ……………… 
一 个 返回 DataSet 对 象 的 电话 区 号 查询 Web 服务 实例 …” 162 

使 用 Web 服务 查询 发 布 天 气 预报 ………… 67 

小 结 … ee .170 


第 9 章 ”网 站 部 署 与 安全 性 而 二 snes nb. LT 


任务 9.1 


于 个 这 


2 P2028 


9. 
任务 9. 


性 施 自 疆 Yenies 
9.2, 
9.2, 
9. 2. 
9. 2. 
9. 2. 


oT 人 wr 


1 
1 
| 
1 
1 
1 
Ll 
1 
1 
1 
2 


1 
2 
3 
4 
5 


网 


i 
Web. Config 文件 概述 i 
系统 三 层 结构 与 功能 分 析 ……… 2 
SQL Server 数据 库 的 设计 与 连接 pp 174 
在 Web. config 中 部 署 数据 库 连接 字符 串 pp 176 
Blog 网 站 实体 类 的 实现 … Sere i de L779 
Blog 网 站 数据 访问 层 的 实现 … Vdd Le 
Blog 网 站 业务 迎 辑 层 的 实现 … … 192 
Web 表示 层 的 实现 …- . 196 
We .. 211 


iD ' 首 尖 与 读本 光 亿 


站 的 安全 认证 与 授权 … 11 

“= "211 
网 站 安全 性 配置 概述 … “ly 
ASP.NET 身份 验证 模式 ， “218 
a 网 站 的 安全 性 配置 策略 … 4 


第 10 章 ， ASP.NET AJAX Cee 218 


任务 10. 


任务 目标 … 
10. 
10. 
10. 
10. 1. 


10. 
10.1 


1 


L 


jt 


1 
1 
1 


1 


> wD 


使 用 ASP.NET AJAX Extensions 优化 新 闻 搜索 页 … 


ASP.NET AJAX 简介 - 
安装 ASP.NET AJAX Extensions eee. 
ASP.NET AJAX Extensions 控件 简介 - ee 
使 用 ASP.NET AJAX Extensions 实现 新 闻 搜索 列表 的 

局 部 刷新 显示 ………… a 


… 227 
思考 与 练习 227 
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任务 1.1 构建 ASP.NET 开发 环境 


任务 目标 


(1) 了 解 .NET 框架 结构 与 ASP.NET 的 特色 优势 。 
(2) 了 解 开发 ASP.NET 应 用 程序 所 需 的 基本 环境 和 Visual Studio 集成 开发 环境 。 


1.1.1 .NET 框 架 与 ASP.NET 


ASP.NET 是 一 种 动态 网 页 技术 , 它 提供 了 一 个 基于 Microsoft. NET 框架 的 Web 开 
发 平台 。ASP.NET 2.0 支持 的 Web Form 事件 驱动 的 编程 机 制 \ 它 的 代码 后 置 技术 以 及 
它 丰 富 的 控件 库 , 为 构建 B/S 模式 的 ,动态 交互 的 Web 应 用 程序 系统 提供 了 一 个 友好 、 
简洁 、 快 捷 、 高 效 的 开发 编程 环境 。ASP.NET 因此 成 为 新 一 代 Web 开发 的 主流 技术 。 

.NET 框架 (.NET Framework) 是 支持 ASP.NET 应 用 程序 的 基础 平台 , 它 为 .NET 
应 用 程序 提供 核心 服务 , 它 由 公共 语言 运行 库 (Common Language Runtime, CLR) 和 
.NET Framework 类 库 组 成 。 

公共 语言 运行 库 为 多 种 语言 的 程序 代码 提供 了 编译 运行 环境 。 

.NET Framework 类 库 包 含有 上 百 个 面向 对 象 类 。 其 中 的 常用 类 如 System 类 、 
System. Data 类 、System. Web 类 、System. Xml 类 、System. IO 类 等 提供 了 包括 基本 服务 
在 内 的 数据 访问 .XML Web 服务 .安全 性 配置 .XML 访问、 输入 /输出 等 操作 。 

开发 ASP.NET Web 应 用 程序 系统 需要 的 基本 环境 分 别 有 以 下 两 种 搭建 方式 。 

(1) 安装 Web 服务 器 IIS .设置 虚拟 目录 安装 Microsoft .NET Framework 2.0 以 及 
安装 代码 编辑 器 。 

(2) 使 用 Visual Studio 集成 开发 环境 。 


1.1.2 安装 Web 服务 器 HS 


IIS(Internet Information Server) 是 Microsoft 开发 的 Web 服务 器 。 我 们 可 以 把 ASP. 
NET 应 用 程序 部 署 到 IIS Web 服务 器 上 发 布 。 安 装 Internet 信息 服务 的 步骤 如 下 : 

(1) 将 Windows Server 2003 操作 系统 光盘 插入 光驱 。 

(2) 打开 “控制 面板 ”窗口 ,双击 “添加 或 删除 程序 ”选项 ,在 弹出 的 “添加 或 删除 程序 ” 
对 话 框 中 , 单 击 “ 添 加 /删除 Windows 组 件 ?按钮 。 
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(3) 在 弹出 的 “Windows 组 件 向 导 ” 对 话 框 中 ,选中 “应 用 程序 服务 器 ” 复 选 框 , 单 击 
“详细 信息 ”按钮 。 

(4) 在 弹出 的 “应 用 程序 服务 器 ”对 话 框 中 ,选中 ASP.NET 复 选 框 和 “Internet 信息 
服务 (IIS)” 复 选 框 ,并 单 击 * 详 细 信息 ”按钮 。 

(5) 在 弹出 的 “Internet 信息 服务 (IIS)” 对 话 框 中 ,可 以 选择 相关 的 组 件 和 服务 ,也 
可 以 采用 默认 设置 。 

(6) 单 击 “ 确 定 ” 按 钮 ,再 单 击 “ 下 一 步 ” 按 钮 , 即 可 以 完成 安装 。 

注意 : Windows XP 与 Windows Server 2003 安装 IIS 的 步骤 有 些 不 同 。Windows 
XP 下 安装 的 是 IIS 5. 1 版 ,安装 步骤 会 简单 一 些 ; 而 Windows Server 2003 安装 的 是 IIS 
6.0 版 ,安装 时 会 多 一 些 配置 选项 。 

IIS 安装 完成 后 ,自动 生成 C:\inetpub\wwwroot 目录 , 它 是 IIS 的 默认 发 布 目录 。 


1.1.3 安装 Microsoft .NET Framework 


Microsoft .NET Framework 2.0 包括 公共 语言 运行 库 和 .NET Framework 类 库 ,读者 
可 以 进入 微软 官方 网 站 (http://www. microsoft. com/express/download/ default. aspx) 
页 面 ,并 在 该 页 面 上 单 击 Download the Microsoft Web Platform 按钮 ,在 随后 打开 的 页 面 
左下 方 单 击 “ 技 术 .NET Framework” 按 钮 进入 .NET Framework 下 载 页 面 。 

代码 编辑 器 的 安装 、 选 择 也 非常 简单 : 既 可 以 是 Dreamweaver, 也 可 以 是 任何 文本 编 
辑 器 如 FrontPage, 记 事 本 等 。 


1.1.4 设置 虚拟 目录 


(1) 将 一 个 包含 若干 Web 页 面 文 件 的 站 点 文件 夹 比如 Chap1(ASP.NET 应 用 程序 ) 
部 署 在 IIS 的 发 布 目 录 wwwroot 下 。 

(2) 在 “控制 面板 ”窗口 双击 “管理 工具 ”选项 ,在 打开 的 “管理 工具 ”窗口 中 ,选择 
“Internet 信息 服务 (IIS) 管 理 器 ?选项 。 

(3) 创建 虚拟 目录 。 在 打开 的 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 中 , 右 击 树 形 目 
录 “ 网 站 ”下 的 Default Web Site( 默 认 网 站 ) ,在 弹出 的 快捷 菜单 中 选择 “添加 虚拟 目录 ” 命 
令 , 如 图 1-1 所 示 。 在 弹出 的 “虚拟 目录 创建 向 导 ” 对 话 框 中 ,为 站 点 指定 虚拟 目录 名 ( 别 
名 )、 站 点 的 真实 路 径 以 及 设置 客户 端 对 站 点 的 访问 权限 。 例 如 在 此 为 Chapl 站 点 起 别 
名 09Web。 

(4) 测试 运行 。 右 击 站 点 中 的 页 面 文件 ,比如 index. htm 或 者 default. aspx, 在 弹出 
的 快捷 菜单 中 选择 “浏览 ”命令 ,就 可 以 调试 运行 了 。 

注意 : 运行 时 客户 端 浏览 器 URL 为 http://localhost/09web/index. htm (default. 
aspx)。 

这 里 localhost 为 Web 服务 器 (IIS) 所 在 机 器 的 IP 地 址 所 对 应 的 域名 ,也 可 以 直接 写 
IP 地 址 ,09Web 是 站 点 的 虚拟 目录 名 。 


2 


第 1 章 “ASP NET 概述 


| ， | 
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图 1-1 添加 虚拟 目录 
1.1.5 Visual Studio 集成 开发 环境 


事实 上 ,微软 为 开发 ASP. NET 应 用 程序 提供 了 一 个 很 好 的 开发 工具 : Microsoft 
Visual Studio 2005。Visual Studio 2005 是 一 个 集 编 辑 .调试 .运行 为 一 体 的 集成 开发 环 
境 。Visual Studio 2005 在 安装 时 会 自动 检测 并 安装 .NET Framework; 并 在 其 中 内 置 
Web 服务 器 (ASP.NET Development Server) 。 所 以 除了 需要 部 署 发 布 应 用 程序 之 外 ,在 
Visual Studio 2005 中 开发 ASP.NET 应 用 时 ,无 须 配 置 IIS 和 设置 虚拟 目录 。Visual 
Studio 2005 还 内 置 SQL Server 2005 数据 库 服 务 器 ,在 后 续 任 务 中 将 会 介绍 它 的 使 用 。 

微软 2006 年 11 月 底 发 布 消息 称 最 新 版 开发 工具 Visual Studio 2005 Express Editions 
一 年 内 在 微软 官方 网 站 (http://msdn. microsoft. com/vstudio/express/ support/install) 提 供 
免费 下 载 ,而 且 可 以 “永久 合法 使 用 ”, 并 且 可 以 使 用 在 “商业 上 ”。 所 以 读者 可 以 找到 
Visual Studio 2005 并 自行 安装 。Visual Studio 2005 安装 简便 ,在 安装 向 导 引 导 下 可 以 
选择 默认 安装 ,在 此 不 再 袭 述 。 


1.1.6 小 结 


使 用 .NET Framework 类 库 时 ,要 按照 它 的 命名 空间 (Namespace) 约 定 。 例 如 在 用 
到 SQL 数据 库 相 关 类 时 ,要 在 代码 开头 添加 如 下 语句 : 


using System. Data. SqlClient; 
1.1.7 思考 与 练习 


安装 和 配置 Web 服务 器 IIS 安装 Microsoft .NET Framework 2. 0 建立 一 个 虚拟 目 
3 


ASP NET 动态 网 站 开发 项 目 化 教程 


录 并 运行 一 个 简单 的 HTML 文件 或 者 ASP.NET 文件 。 


任务 1.2 第 一 个 ASP.NET 应 用 程序 


任务 目标 


(1) 掌握 创建 ASP.NET 应 用 程序 的 方法 和 Web 页 面 设计 中 的 基本 控件 使 用 。 
(2) 了 解 .NET 代码 后 置 技术 以 及 事件 驱动 机 制 。 


1.2.1 创建 ASP.NET 程序 


以 下 通过 一 个 简单 的 登录 界面 说 明 在 Visual Studio 2005 中 创建 ASP.NET 应 用 程 
序 的 过 程 。 该 示例 根据 用 户 输入 来 显示 相应 的 欢迎 信息 。 

(1) 运行 Visual Studio 2005。 在 菜单 栏 中 选择 “文件 ”一 “新 建 ” 一 “项 目 ” 命 令 。 在 
弹出 的 “新 建 项 目 ” 对 话 框 中 ,选择 左 侧 “ 其 他 项 目 类 型 " 树 形 目录 中 的 “Visual Studio 解 
决 方案 ”选项 ; 在 右边 “Visual Studio 已 安装 的 模板 ”选项 区 域 中 选择 “空白 解决 方案 ” 选 
项 ,这 里 给 解决 方案 命名 为 0931, 如 图 1-2 所 示 , 然 后 单 击 “ 确 定 ” 按 钮 。 


| 项 目 闪 (E): 模板 CD: 
二 商业 名 W 项 目 Visual Studio 已 安装 的 模板 
由 Visual C## 员 空 和 WW 关 广 到 

让 其他 洒 言 我 的 局 板 

“分 布 式 系统 解决 方案 

让 其 他 珊 昌 类 型 国 疾 宁 科 机 构 极 .… 
| -8 攻 


-扩展 性 
-Visual Studio 解决 方案 


图 1-2 “新 建 项 目 ” 对 话 框 


(2) 在 “解决 方案 资源 管理 器 "窗口 中 , 右 击 “ 解 决 方案 “0931””, 在 弹出 的 快捷 菜单 中 选 
择 “ 添 加 ”>“ 新 建 网 站 ”命令 。 在 如 图 1-3 所 示 的 “添加 新 网 站 ”对 话 框 中 ,选择 “ASP.NET 
网 站 ”选项 ; 在 对 话 框 下 方 的 选项 区 域 中 ,在 “位 置 ? 下 拉 列 表 中 选择 "文件 系统 ”选项 ,在 
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兰 


“语言 "下 拉 列 表 中 选择 “Visual C# ”选项 ; 单 击 “ 浏 览 ” 按 钮 选择 站 点 路 径 : E:\0931\Chapl， 
这 里 Chapl 是 应 用 程序 (网 站 ) 名 称 。 单 击 “ 确 定 ” 按 钮 。Visual Studio Web 窗 体 页 面 如 


图 1-4 所 示 。 


模板 (DD: 


Visual Studio 已 安装 的 模板 
Easr er ma 

巧 ASPNETAIAX-Enabled Web Site 
我 的 梳 板 

于 执 雪 联机 模板 .… 


吉 个 人 网 站 初 字 青 工具 包 


而 ASP.NET web 服务 
克 ASP.NET Crystal Reports Web 站 点 


巾 克 网 站 


tm 天] os3N\chopl 


图 1-3 “添加 新 网 站 ”对 话 框 


© 0931 - Microsoft Visual studio 


We Sh | 


回 - 回 - 


文件 日 ” 编 轻 ( 日 视图 V) 网 站 (5) 生成 (B) 深 汶 (D) 工具 (D 测 S) 窗口 (W) 社区 (Q] 由 助 册 


b Debug ~ .NET 
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A Hyperlink 


CheckBox 
= CheckBoxList 
© RadioButton 


司 Droppowntist | 
加 ListBox 上 


晶 | 登 国 固 | 只 则 芭 
回 解决 方案 “0931” (1 个 项 目 ) 
BEEIGITN 
- 国 App_Data 
日 - 国 Default.aspx 
因 Default.aspx.cs 


We Page Laneu 


《1DOCTYPE htnl PUBLIC“-， 


《faty》 

for 
<Kjbody> 
/hral> 


= RadioButtonl ist 
交工 具 箱 缴 服 务 二 到 源 六 理 党 


设计 瑟 涯 


正在 创建 项 目 “Chap1”… 项 目 创 尘 成 功 。 


1-4 Visual Studio Web 窗 体 页 面 
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通过 Web 窗 体 页 面 右 侧 的 “解决 方案 资源 管理 器 ?面板 ,可 以 看 到 Visual Studio 自 
动 生成 的 内 容 。 其 中 ,App_Data 为 应 用 程序 的 数据 文件 夹 ,Default. aspx 为 一 个 空白 的 
Web 窗 体 页 面 ,是 网 站 的 默认 首页 ,Default. aspx. cs 为 其 代码 后 置 文 件 。 

将 鼠标 指针 移动 到 Web 窗 体 页 面 左 侧 的 “工具 箱 ” 标 签 上 ,可 以 在 展开 的 工具 箱 中 看 
到 ASP.NET 的 各 类 控件 ,添加 控件 时 只 需 双击 控件 或 者 将 控件 拖 到 Web 窗 体 页 面 上 。 


1.2.2 Web 窗 体 页 面 的 控件 设计 


在 Visual Studio 2005 的 “解决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 名 Chapl, 在 弹出 
的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 中 选择 "Web 窗 体 ” 选 
项 ,名 称 存 为 Chap1-1. aspx, 默认 选择 “将 代码 放 在 单独 的 文件 中 ”选项 , 单 击 “ 添 加 ” 
按钮 。 

切换 到 “设计 ”视图 ,为 Chap1-1. aspx 页 面 添 加 控件 。 从 左 侧 工具 箱 标准 组 中 拖 出 
1 个 Image 控件 、3 个 Label 控件 、1 个 TextBox 控件 、1 个 Button 控件 和 1 个 LinkButton 
控件 。 

可 以 在 设计 视图 中 右 击 控件 ,在 弹出 的 快捷 菜单 中 选择 “属性 "命令, 打开“ 属性” 窗 
口 ,设置 控件 的 属性 。 也 可 以 直接 在 “ 源 代码 ”视图 中 添加 控件 的 属性 和 属性 值 。 

Chap1-1. aspx 页 面 中 添加 的 主要 控件 及 属性 设置 如 表 1-1 所 示 。 


表 1-1 Chapl-1.aspx 页 面 主要 控件 及 属性 设置 


控件 类 型 控件 ID 属性 及 属性 值 说 明 
Image JImagel ImageUrl="~ /images/qqshow. jpg" 图 像 控 件 ,显示 图 片 
Labell Text 二 "欢迎 登录 0931 网 站 !" 标签 控件 ,用 以 显示 信息 
Label2 Text 二 "姓名 " 同上 
Label 三 
ube i 留待 显示 与 用 户 名 对 应 的 
欢迎 信息 
TextBox TextBoxl 默认 设置 文本 框 控 件 , 输 入 姓名 
ee Bt Text 二 "确定 ”OnClick = 二" Buttonl _ | 单 击 Button 按钮 以 激发 
Click" Click 事件 
用 。 | 单 击 LinkButton 按钮 ,将 超 
LinkButton | LinkButtonl | PostBackUrl="~/Login/Login. aspx 链接 到 Login aspx 页 面 


切换 到 Chap1-1. aspx 页 面 的 “ 源 代码 ”视图 ,可 以 看 到 如 下 代码 : 


<% @ Page Language = "C#" AutogventWireup = "true" CodeFile = "Chapl-1. aspx. cs" Inherits = 


"Chapl_1" %> 


<IDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Transitional//EN" " http://www. w3. org/TR/ 
xhtml11/DTD/xhtm1l1-transitional. dtd"> 


< htm]l xmlns = "http://www. w3. org/1999/xhtml"> 


< head runat = "server"> 


<title> 第 一 个 ASP.NET 程序 </title> 


</head> 
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<body> 
<form id = "forml" runat = "server"> 
<div> 
<asp: Image ID= "Imagel" runat = "server" ImageUrl = "~/images/qqshow. jpg" Height = 
"72px" Width= "79px" /> 
<asp:Label ID = "Label1" runat = "server" Text = "欢迎 登录 0931 网 站 !"></asp:Label> 
<br /> 
<asp:Label ID = "Label2" runat = "server" Text = "姓名 "></asp:Label> 
<asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox> 
<br /> 
< asp:Button ID = "Button1" runat = "server" Text = "确定 " OnClick= "Buttonl_Click" /> 
<asp:LinkButton ID = "LinkButtonl" runat = " server" PostBackUrl = "一 /Login/ 
Login. aspx "> 注册 新 用 户 </asp:LinkButton> 
<br /> 
<asp:Label ID = "Label4" runat = "server" Text = ""></asp:Label> 
</div> 
</form> 
</body> 
</html > 


第 一 行 代码 中 ,@Page 指令 为 ASP.NET 页 面 文件 指定 解析 和 编译 页 面 时 使 用 的 属 
性 和 值 。 每 一 个 . aspx 页 面 文件 只 能 包含 一 条 @ Page 指令 。 其 中 ,@ Page 指令 的 
AutoEventWireup 属性 的 默认 值 为 true, 表 示 将 自动 调用 页 面 事 件 ; CodeFile 指定 了 与 
页 面相 关 的 后 置 代码 文件 ; Inherits 属性 定义 了 供 页 面 继 承 的 代码 后 置 的 类 。 

注意 : PostBackUrl 二 "~/Login/Login. aspx "中 的 “一 ”表示 应 用 程序 的 根 目录 。 


1.2.3 事件 处 理 与 代码 后 置 


在 Chap1-1. aspx 页 面 的 “设计 ”视图 中 双击 Buttonl 控件 ,可 以 为 Buttonl 控件 自动 
添加 一 个 属性 和 属性 值 : OnClick 二 "Button1_Click"。 
在 Chapl-1l. aspx. cs 后 置 代码 文件 的 Buttonl_Click 事件 中 编写 代码 如 下 : 


public partial class Chapl_1 : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
} 
protected void Button1_Click(object sender, EventArgs e) 
{ 
string hello = TextBoxl. Text.Trim()+" 同 学 ,欢迎 你 !"; 
Label4. Text = hello; 
} 
} 


注意 :“ 十 ”在 这 儿 是 字符 串 连接 符 。 也 可 以 用 string. Format() 方 法 改写 上 面 两 行 
代码 。 
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string hello = string.Format("{0} 同 学 ,欢迎 你 !"，TextBox1. Text. Trim()); 

Label4. Text = hello; 

string. Format() 方 法 以 参数 的 形式 完成 字符 串 之 间 、 特 别 是 字符 串 与 表达 式 之 间 的 
连接 。 在 本 书后 续 章 节 使 用 ADO. NET 访问 数据 库 时 ,大 多 使 用 Format 方法 来 准备 
SQL 语句 连接 字符 串 , 它 可 以 简化 规范 代码 ,减少 出 错 机 会 。 
1.2.4 Web. config 配置 文件 

在 标准 工具 栏 中 单 击 “ 启 动 调试 ”按钮 ,运行 Chapl-1. aspx。 

第 一 次 运行 应 用 程序 (网 站 ) 时 ,会 弹出 一 个 “未 启用 调试 "对 话 框 ,如 图 1-5 所 示 。 选 
择 “ 添 加 新 的 启用 了 调试 的 Web. config 文件 ” 单 选 按钮 。 单 击 “ 确 定 ” 按 钮 。 可 以 在 站 点 
下 看 到 新 增 的 Web. config 文件 。 


个 在 生产 环境 中 部 辕 网 站 之 前 ， 应 在 Web.config 文件 中 禁用 调 坛 . 


日 下 进行 测试 声控 运行 (BR)。 (等同 于 Ctrl+F5) 


Ca J ww 


图 1-5 “未 启用 调试 ”对话 框 


Web. config 文件 是 放 在 应 用 程序 根 目 录 下 的 一 个 XML 文件 , 它 包含 应 用 程序 的 配 
置信 息 ,比如 约定 应 用 程序 的 访问 规则 和 页 面授 权 、 存 放 数据 库 连 接 字符 串 等 。 本 书 将 在 
第 9 章 网 站 部 署 与 安全 性 配置 中 详细 讨论 它 。 CE 

Chap1-1. aspx 的 运行 结果 如 图 1-6 所 示 。 er 加 四 


1.2.5 常用 控件 与 属性 窗口 高 性 赤 个 笋 个 ASPINET 程 序 


为 了 更 多 地 说 明 ASP.NET 常用 控件 及 其 属性 
窗口 的 使 用 ,在 Chapl-1. aspx 页 面 中 添加 一 
DropDownList 控件 (下 拉 列 表 框 )。 用 户 输入 时 可 以 


姓名 Rose 
在 下 拉 列 表 框 中 选择 来 自 何方 。 i 
切换 到 “设计 ”视图 ,为 Chapl-1. aspx 页 面 添 加 ”| Rese 同学， 欢迎 你 ! 到 


一 个 Label 控件 、 一 个 DropDownList 控件 。 右 击 
DropDownList 控件 ,在 弹出 的 快捷 菜单 中 选择 “ 属 
性 ”命令 ,在 打开 的 “属性 "窗口 中 ,选择 Items 属性 ,打开 “ListItem 集合 编辑 器 ”对 话 框 ， 
单 击 “ 成 员 ” 选 项 区 域 的 “添加 ”按钮 ,添加 新 的 ListItem 项 并 设置 相应 的 Text 属性 值 ,如 


图 1-6 ”Chapl-1. aspx 的 运行 结果 
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图 1-7 所 示 。 


中 国 屋 性 (P): 
证 国 针 绅 


蛋 条 项 


辐 nabled 


Selected 


Text 
Value 


图 1-7 “ListItem 集合 编辑 器 ”对 话 框 


在 Chapl-1. aspx 页 面 文件 中 自动 生成 的 DropDownList 控件 代码 如 下 : 


<asp:Label ID = "Label3" runat = "server" Text = "来 自 "></asp:Label> 
<asp:DropDownList ID = "DropDownListl"runat = "server"OnSelectedIndexChanged = 
"DropDownList1_SelectedIndexChanged"> 

< asp:ListItem Value = "China"> 中 国 </asp:ListItem> 

<asp:ListItem Value = "America"> 美 国 </asp:ListItem> 
</asp:DropDownList> 


在 “设计 ”视图 中 双击 DropDownListl 控件 ,打开 Chapl-1. aspx. cs 文件 ,然后 在 其 
DropDownListl_SelectedIndexChanged 事件 中 编写 代码 。DropDownList 控件 的 SelectedIndex- 
Changed 事件 在 列表 选项 (索引 ) 改 变 时 被 激活 。 

修改 Chap1-1. aspx. cs 文件 的 相关 事件 代码 如 下 : 


public partial class _Default : System. Web. UI. Page 
{ 

string hello = string. Empty; 

protected void Page_Load(object sender, EventArgs e) 

{ 

|, 

protected void Buttonl1 Click(object sender, EventArgs e) 

{ 
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hello = hello + TextBoxl.Text.Trim() + "同学 ,欢迎 你 !"; 
Label4. Text = hello; 
} 
protected void DropDownList1 SelectedIndexChanged(object sender, EventArgs e) 
{ 
hello = "来 自 "+ DropDownList1. SelectedItem. Text + "的 "; 
} 
} 


注意 : 此 时 string hello 二 string. Empty; 在 - em PE 

ape pe ee 

类 的 所 有 方法 以 外 定义 ,这 是 一 个 全 局 变量 。 OO | rp/ocanos -ao PA 
重新 运行 Chapl-1. aspx。 运 行 结果 如 图 1-8 me 

所 示 。 


到 本 
1.2.6 小 结 
Et 欢迎 登录 0931 网 站 ! “| 


0) .NET 内 置 80 多 种 控件 , 它 的 丰富 的 控 。 || 床 旦 > 
件 库 \ 它 的 可 视 化 设计 以 及 基于 控件 十 事件 的 简 加 | 定 |] 注册 新 用 户 
单 编程 方式 是 ASP.NET 2. 0 的 特色 与 优势 。 EE 

在 .NET 2.0 中 ,HTML 代码 和 C# 代 码 分 图 1-8 修改 后 Chap1-1.aspx 的 运行 结果 
别 存储 在 Web 窗 体 文件 和 . cs 后 置 文件 中 , 称 为 
代码 后 加 技 术 。 

ASP.NET 的 运行 机 制 是 : 当 用 户 第 一 次 请 求 . aspx 文件 时 ,服务 器 引擎 会 编译 
.aspx 文件 和 . cs 文件 ,合并 生成 页 面 类 并 输出 结果 。 第 二 次 请 求 该 页 面 时 ,就 可 以 直接 
执行 内 存 中 的 页 面 类 了 。 

(2) 在 Visual Studio 2005 的 “解决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 名 Chapl ,在 
弹出 的 快捷 菜单 中 选择 “添加 ASP.NET 文件 夹 ” 命 令 , 可 以 看 到 ASP.NET 应 用 程序 的 
7 个 上 默认 文件 夹 。 其 中 ,Bin 文件 夹 通常 用 来 存放 应 用 程序 所 需 的 所 有 . dll 文件 ; App_ 
Code 文件 夹 则 可 用 来 存放 应 用 程序 所 需 的 . cs 等 类 文件 。 


1.2.7 思考 与 练习 


设计 一 个 简单 的 在 线 留言 程序 。 页 面 设计 及 运行 结果 如 图 1-9 和 图 1-10 所 示 。 当 
输入 留言 信息 并 单 击 ” ae 

提示 : 在 Web 页 面 后 置 代 码 文件 的 Page_Load() 事 件 中 ,为 显示 留言 时 间 的 Label 
控件 设置 Text 属性 值 。 参 考 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 

LabNowTime. Text = DateTime. Now.ToString(); 
} 


GO- 避 | hitpy/localhost ~| 区 
襄 收 夫人 鲍 习 本 1-1 在 比 贸 百 


0931 在 线 留言 


GO- hrpi//localhost -| | + > 
Ine | | 
到 济 i 


留言 人 昵称 Rose 


留言 内 容 请 各 位 关注 722 日 全 食 


提交 时 间 2009/6/27 20:58:12 了 Rose2009/6/27 20:58:12 留 言 : ] 
虹 厅 请 各 位 关注 722 日 全 食 


«ld 7 ll 


图 1-9 输入 留言 信息 图 1-10 提交 后 的 结果 
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任务 2.1 使 用 SiteMapPath 设计 
面包 导 导 航 


任务 目标 


(1) 了 解 ASP.NET 2.0 站 点 地 图 文件 和 站 点 导航 控件 在 构建 网 站 页 面 框架 中 的 
作用 。 
(2) 掌握 web. sitemap 站 点 地 图 文件 和 SiteMapPath 站 点 导航 控件 的 使 用 方法 。 


2.1.1 导航 系统 与 站 点 地 图 


ASP.NET 2.0 中 基于 站 点 地 图 的 导航 系统 为 统一 页 面 布局 和 框架 .设置 站 点 导航 功 
能 提供 了 高 效 简便 的 方法 。ASP.NET 2.0 导航 系统 包括 站 点 地 图 ,面包 居 导 航 、 树 形 结 
构 导 航 ,动态 菜 单 等 。 

站 点 地 图 (web. sitemap) 是 一 个 XML 格式 的 文档 , 它 用 来 表示 一 个 应 用 程序 ( 即 一 
个 站 点 ) 的 各 个 页 面 之 间 的 层次 结构 关系 。 

如 图 2-1 所 示 ,指定 页 面 在 站 点 的 逻辑 位 置 的 导航 , 称 为 
面包 届 导 航 (Breadcrumb Navigation)。 面 包 居 导航 可 以 告 
诉 用 户 从 首页 到 当前 页 面 (页 面 节 点 ) 之 间 的 路 径 。 在 童话 图 2-1 面包 悄 导 航 
故事 “ 汉 泽 尔 和 格雷 特 尔 ”中 , 当 汉 泽 尔 和 格雷 特 尔 穿 过 森林 时 ,他 们 在 沿途 走 过 的 地 方 都 
撤 下 了 面包 必 , 让 这 些 面 包 必 来 帮助 他 们 找到 回 家 的 路 。 面 包 必 导航 让 用 户 明 了 站 点 页 
面 之 间 的 层次 结构 关系 。 帮 助 用 户 在 浏览 网 页 时 可 以 返回 ,找到 回 家 的 路 ”! 


2.1.2 网 站 的 面包 居 导 航 


以 下 为 0931 项 目 设计 面包 导 导 航 条 。 

(1) 创建 ASP. NET 应 用 程序 。 在 E:\0931 下 双击 0931. sln, 打 开 Visual Studio 
2005。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 “解决 方案 “0931””, 在 弹出 的 快捷 菜单 中 选 
择 “ 添 加 ”一 “新 建 网 站 ?命令 ,新建 E:\0931\ Navigation 站 点 。 

(2) 创建 站 点 地 图 文件 (web. sitemap) 。 在 “解决 方案 资源 管理 器 ?面板 中 , 右 击 站 点 
名 Navigation, 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 
中 选择 “站 点 地 图 ”模板 , 单 击 “ 添 加 ”按钮 。 

注意 : 站 点 地 图 文件 名 必须 为 web. sitemap 且 必 须 置 于 Web 应 用 程序 (站 上 点) 的 根 


网 易 首 页 -新 闻 - 体育 -亚运 


目录 下 。 

这 里 是 按照 计算 机 软件 技术 0931 网 站 项 目的 层次 结构 关系 设置 导航 路 径 的 。web 
. sitemap 参考 代码 如 下 : 

<?xml version = "1.0" encoding = "utf — 8"?> 

< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap — File 一 1.0"> 

< siteMapNode title = "计算 机 软件 技术 专业 0931" description = "" url = ""> 
< siteMapNode title= "首页 " url = "Default.aspx" description=""/> 
< siteMapNode title= "用 户 登录 " url = "一 /Login/Login.aspx" description = "" /> 
< siteMapNode title= "新 闻 中 心 " url = "News. aspx" description = "" /> 
< siteMapNode title= "留言 板 " url= "~/Messboard/Default.aspx" description = "" /> 
< siteMapNode title = "聊天 室 " url= "~/Chatroom/Default.aspx" description="" /> 
< siteMapNode title= "发 布 日 志 " url = "~/MicroBlog/Default. aspx" description="" /> 
< siteMapNode title= "管理 中 心 " url = "~/Admin/Admin.aspx" description="" /> 
</siteMapNode> 

</siteMap> 

在 站 点 地 图 文件 中 : 

去 siteMap 过 为 根 节点 ,一 个 站 点 地 图 有 且 仅 有 一 个 根 节 点 ; 

去 siteMapNode 盖 为 页 面 节点 ,一 个 节点 对 应 一 个 页 面 ; 

< 一 siteMap 二 根 节点 下 有 且 仅 有 一 个 二 siteMapNode 二 节点 ; 

同一 个 URL 在 站 点 地 图 中 只 能 出 现 一 次 。 

(3) 为 0931 网 站 首页 Default. aspx 创建 面包 导 导 航 。 在 Visual Studio 2005 的 “ 解 
决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 名 Navigation ,在 弹出 的 快捷 菜单 中 选择 “添加 新 
项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 中 选择 “Web 窗 体 ” 选 项 ,名 称 为 Default. aspx, 默 
认 将 代码 放 在 单独 的 文件 中 , 单 击 “ 添 加 ”按钮 。 

切换 到 “设计 ”视图 ,从 左 侧 工具 箱 导 航 组 中 拖 出 SiteMapPath 控件 。 可 以 在 页 面 源 
视图 中 看 到 以 下 自动 生成 的 控件 代码 : 

<asp:SiteMapPath ID = "SiteMapPath1l" runat = "server"> 

</asp:SiteMapPath> 

运行 Default. aspx 即 可 以 看 到 面包 届 导 航 的 效果 了 。 

以 下 给 出 首页 Default. aspx 的 DIV( 层 ) 十 TABLE (表格 ) 的 简单 设计 布局 : 在 页 面 的 
“页 眉 和 导航 栏 层 "中 有 “面包 导 导 航 ”, 并 添加 了 banner 图 片 和 navigate 图 片 ; navigate 图 片 
中 有 和 扼 形 热 区 , 单 击 这 些 矩 形 热 区 可 以 超 链接 到 NavigateUrl 属性 指定 的 页 面 ; 在 页 面 底部 
Foot 层 使 用 了 footer 图 片 来 设计 页 脚 ; 在 页 面 中 间 内 容 层 ,目前 暂时 没有 实质 性 内 容 。 

Default. aspx 页 面 主要 代码 如 下 : 

< form id= "forml" runat = "server"> 

<!-- 页 眉 和 导航 栏 层 --> 
<div class = "head_layer"> 
< asp: Image ID = "Imagel" runat = "server" ImageUrl = " ~/images/banner. jpg" style = 
"width: 1024px; height: 112px"/> 
</div> 
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< div class = "navigate layer"> 

< asp: ImageMap ID = "ImageMapl" runat = " server”ImageUrl = "一 /images/navigate. 
jpg" HotSpotMode = "Navigate"> 

< asp:RectangleHotSpot Left = "250" Right = "300" Top = "5" Bottom = "35"NavigateUrl = 
"一 /Default.aspx" /> 

< asp:RectangleHotSpot Left = "350" Right = "400" Top = "5" Bottom = "35"NavigateUrl = 
"一 /Login/Login.aspx" /> 

< asp:RectangleHotSpot Left = "450" Right = "500" Top = "5" Bottom = "35"NavigateUrl = 
"News. aspx" /> 


</asp: ImageMap> 
</div> 
<!-- 面包 屑 导航 层 -一 > 
<div class = ”SiteMapPath layer"> 
<asp:SiteMapPath ID = "SiteMapPathl”runat = "server"> 
</asp:SiteMapPath> 
</div> 
<!-- 页 面 中 间 内 容 层 一 > 
<div class = "content layer"> 
<p> 欢 迎 访 问 0931 网 站 !</p> 
</div> 
<!-- 页 脚 Foot 层 --> 
<div class = "Foot_layer"> 
< asp: Image ID = " Imagel”runat = "server" ImageUrl = "一 /images/Footer. jpg" style = 
"width: 95px; height: 53px; margin: 4" /> 
</div> 

</form> 

注意 : 在 页 面 banner 层 中 ,Image 控件 和 ImageMap 控件 的 用 处 不 同 。Image 控件 
用 来 添加 页 面 banner 图 片 ; ImageMap 控件 用 来 添加 navigate 导航 条 图 片 ,在 导航 条 图 
片 中 设置 了 若干 个 矩形 热 区 ,分 别 用 来 提供 超 链接 到 “首页 "“ 用 户 登 录 "“ 新 闻 中 心 ”、 
“后 台 管理 中 心 ” 等 页 面 。 

(4) 同步 又 (3) 创 建 0931 用 户 登录 页 面 /Login/Login. aspx, 并 为 其 添加 面包 悄 导 
航 。 用 户 登 录 页 面 的 界面 设计 可 参照 图 2-3。 

(5) 分 别 运 行 Default. aspx 和 Login. aspx 页 面 文件 。 体 会 SiteMapPath 站 点 导航 
控件 在 不 同 页 面 中 的 自动 定位 。 

值得 注意 的 是 ,运行 当前 页 面 时 ,站 点 地 图 中 一 定 要 有 与 当前 页 相应 的 URL。 例 如 ， 
运行 Default. aspx 时 ,站 点 地 图 中 一 定 要 有 相对 应 的 URL 二 "Default. aspx" 的 页 面 节点 ， 
否则 不 能 显示 导航 路 径 。 

(6) 为 面包 导 导 航 设 置 格式 。 修 改 Default. aspx。 切 换 到 “设计 ”视图 , 右 击 SiteMapPath 
控件 ,在 弹出 的 快捷 菜单 中 选择 “自动 套用 格式 ”命令 。 在 弹出 “自动 套用 格式 ”对 话 框 中 
选择 方案 为 彩色 型 。 

Default. aspx 页 面 、Login. aspx 页 面 的 运行 结果 分 别 如 图 2-2 和 图 2-3 所 示 。 


2.1.3 将 SiteMapPath 的 分 隔 符 设置 为 图 片 


SiteMapPath 控件 的 PathSeparator 属性 可 以 设置 导航 路 径 的 分 隔 符 ,默认 分 隔 符 为 
14 
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| 
计算 机 软件 技术 专业 0931 > 首页 


WD T0931 ! 


| 


图 2-2 运行 网 站 首页 


图 2-3 运行 用 户 登录 页 面 


。 导 航路 径 的 分 隔 符 也 可 以 设置 为 图 片 ,设置 方法 如 下 。 

(1) 切换 到 “设计 ”视图 , 右 击 SiteMapPath 控件 ,在 弹出 的 快捷 菜单 中 选择 “编辑 模 
板 ”>PathSeparatorTemplate 命令 。 

在 SiteMapPathl PathSeparatorTemplate 模板 中 拖 入 Image 控件 , 右 击 Image 控件 ， 
在 弹出 的 快捷 菜单 中 选择 “属性 "命令 ,打开 “属性 ”窗口 。 设 置 ImageUrl 二 "~/images/ 
Separatorl. jpg" 属 性 值 。Separatorl. jpg 是 分 隔 符 图 片 。 

Default. aspx 页 面 自动 生成 的 源 代码 如 下 : 


<form id= "forml" runat = "server"> 
<div> 
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< asp: SiteMapPath ID = "SiteMapPathl" runat = "server" Font - Names = "Verdana" Font - Size = 
"0. 8em"> 
< PathSeparatorStyle Font - Bold = "True" ForeColor = "#990000" /> 
<CurrentNodeStyle ForeColor = "#333333" /> 
< NodeStyle Font ~ Bold= "True" ForeColor = "#990000" /> 
< RootNodeStyle Font - Bold = "True" ForeColor ="#FF8000" /> 
<PathSeparatorTemplate> 
<asp: Image ID = "Imagel" runat = "server" ImageUrl = "一 / images/Separator1. jpg" /> 
</PathSeparatorTemplate> 
</asp:SiteMapPath><br /> 
欢迎 访问 0931 网 站 ! 
</div> 
</form> 


(2) 重新 运行 Default. aspx, 可 以 看 到 分 隔 符 是 图 片 时 的 运行 结果 。 
2.1.4 小 结 


SiteMapPath 控件 只 能 绑 定 站 点 地 图 , 即 只 能 使 用 站 点 地 图 文件 作为 数据 源 。 一 个 
站 点 只 能 有 一 个 站 点 地 图 且 必 须 位 于 应 用 程序 (站 点 ) 的 根 目录 下 。 

SiteMapPath 控件 的 PathSeparatorStyle 属性 可 以 设置 导航 路 径 分 隔 符 的 样式 ; 
SiteMapPath 控件 的 ParentLevelsDisplayed 属性 可 以 控制 导航 显示 的 级 数 ,默认 属性 值 
是 一 1, 表 示 无 限制 。 


2.1.5 思考 与 练习 
为 0931 网 站 后 台 管 理 中 心 设计 首页 和 面包 恬 导 航 。 


任务 2.2 使 用 TreeView 设计 
树 形 结构 导航 
任务 目标 
(1) 了 解 TreeView 站 点 导航 控件 的 两 种 数据 源 类 型 及 其 绑 定数 据 源 的 方法 。 
(2) 掌握 TreeView 站 点 导航 控件 的 使 用 方法 。 
2.2.1 TreeView 站 点 导航 控件 


ASP.NET 2. 0 提供 的 TreeView 站 点 导航 控件 可 以 轻松 设计 树 形 结构 导航 系统 。 
TreeView 控件 仍 可 以 使 用 站 点 地 图 (web. sitemap) 作 为 数据 源 . 也 可 以 自行 编写 简单 的 
XML 文件 作为 TreeVievw 控件 的 数据 源 。 


2.2.2 网 站 树 形 目录 导航 


在 E:\0931 目录 下 双击 0931. sln 文件 ,打开 网 站 E:\0931\Navigation。 
(1) 创建 站 点 地 图 文件 (web. sitemap) 。 继 续 使 用 任务 2. 1 中 创建 的 站 点 地 图 文件 ， 
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并 且 在 新 闻 中 心 页 面 节 点 (一 siteMapNode 二 ) 下 增加 了 两 个 页 面 节点 。web. sitemap 参 
考 代码 修改 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 
< siteMap xmlns = "http://schemas.microsoft. com/AspNet/SiteMap — File 一 1.0"> 
< siteMapNode title= "计算 机 软件 技术 0931" description = "" url = ""> 
< siteMapNode title= "首页 ”url = "Default. aspx" description = ""/> 
< siteMapNode title= "用 户 登录 " url = "一 /Login/Login.aspx"” description = "" /> 
< siteMapNode title= "新 闻 中 心 " url = "一 /News/News.aspx"” description = ""> 
< siteMapNode title = "国际 要 闻 " url = "一 /News/Internat.aspx" description = ""” /> 
< siteMapNode title= "国内 要 闻 ”url = "一 /News/Internal.aspx"” description="" /> 
</siteMapNode> 
< siteMapNode title= "留言 板 " url = "一 /MessBoard/Default.aspx" description="" /> 
< siteMapNode title= "聊天 室 " url = "~/ChatRoom/Default.aspx" description = "" /> 
< siteMapNode title= "发 布 日 志 " url = "一 /MicroBlog/Default.aspx" description= "" /> 
< siteMapNode title= "管理 中 心 " url = "~/Admin/Admin. aspx" description="" /> 
</siteMapNode> 
</siteMap> 


(2) 使 用 TreeView 控件 为 0931 网 站 各 层次 页 面 设计 树 形 结构 导航 。 以 News 文件 
夹 下 Internat. aspx 国际 要 闻 页 面 为 例 。 

在 “解决 方案 资源 管理 器 ?面板 中 , 右 击 *News 文件 夹 ”, 在 弹出 的 快捷 菜单 中 选择 
“添加 新 项 ”命令 ,创建 Internat. aspx Web 页 面 文件 。 

切换 到 ”设计 ?视图 。 从 左 侧 工具 箱 导航 组 中 拖 出 TreeView 控件 。 右 击 TreeView 
控件 ,在 弹出 的 快捷 菜单 中 选择 “显示 智能 标记 "命令 ,弹出 “TreeView 任务 ”对 话 框 ,在 
“选择 数据 源 ” 选 项 区 域 中 选择 “新 建 数据 源 ” 选 项 。 在 弹出 的 “数据 源 配置 向 导 ” 对 话 框 
中 ,选择 * 站 点 地 图 ”选项 ,并 为 数据 源 指定 ID 为 : SiteMapDataSourcel( 默 认 值 ) 。 

Internat. aspx 中 与 TreeView 控件 相关 的 关键 代码 如 下 : 


< form id = "forml" runat = "server"> 


< div> 
<asp:TreeView ID = "TreeViewl" runat = "server”DataSourceID = "SiteMapDataSourcel"> 
</asp:TreeView> 
<asp:SiteMapDataSource ID = "SiteMapDataSourcel" runat = "server" /> 

</div> 


这 里 ,DataSourceID 是 TreeView 控件 的 属性 ,SiteMapDataSourcel 是 数据 源 的 ID。 
DataSourceID 二 "SiteMapDataSourcel" 就 是 TreeVievw 控件 绑 定 数据 源 的 方式 。 

(3) 为 树 形 目录 导航 设置 格式 。 在 “设计 ?视图 中 , 右 击 TreeView 控件 ,在 弹出 的 快 
捷 菜单 中 选择 “自动 套用 格式 ”命令 。 在 弹出 的 “自动 套用 格式 ”对 话 框 中 选择 方案 为 “新 
闻 ( 型 )”。 

运行 Internat. aspx, 运 行 结果 如 图 2-4 所 示 。 
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图 2-4 国际 要 闻 页 面 树 形 目录 导航 


2.2.3 在 树 形 目录 导航 中 重 定向 页 面 


TreeView 控件 有 一 个 很 重要 的 事件 SelectedNodeChanged。 当 用 户 在 树 形 目录 导 
航 中 选择 或 者 是 单 击 页 面 节点 时 ,就 会 激活 该 事件 。 
例如 ,在 Internat. aspx 国际 要 闻 页 面 单 击 " 用 户 登 录 ” 节 点 ,就 可 以 重 定向 到 用 户 登 
录 页 面 。 设 计 及 编程 方法 如 下 : 
(1) 打开 Internat. aspx 页 面 ,切换 到 “设计 ”视图 。 
(2) 双击 TreeView 控件 ,在 Internat. aspx. cs 文件 的 TreeView 1_SelectedNodeChanged() 
事件 中 如 下 编写 代码 : 
protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e) 
{ 
for (int i = 0; i < TreeView1l. CheckedNodes.Count; i++) 
{ 


string strURL = TreeView1. CheckedNodes[i].Text; 
Response. Redirect(strURL) ; 


} 
(3) 运行 Internat. aspx, 运 行 结果 如 图 2-4 和 图 2-5 所 示 。 


2.2.4 选择 XML 文件 作为 数据 源 


在 “数据 源 配 置 向 导 ” 对 话 框 中 ,可 以 看 到 TreeView 控件 可 使 用 的 数据 源 类 型 有 两 
种 : XML 文件 和 站 点 地 图 文件 。 在 不 需要 树 形 导航 列 出 全 部 页 面目 录 的 情况 下 ,可 以 使 
用 XML 文件 作为 TreeView 控件 的 数据 源 。 
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计算 机 软件 技术 0931 > 用 户 登录 


所 全 计算机 软件 技术 0931 
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图 2-5 单 击 树 形 导航 页 面 节 点 后 的 重 定向 页 面 


以 下 为 0931 后 台 管 理 中 心 设置 树 形 结构 导航 ,并 说 明 XML 文件 作为 数据 源 的 使 用 
方法 。 
(1) 创建 XML 文件 (Manage. xml) 。 在 Visual Studio 2005 的 “解决 方案 资源 管理 
器 "面板 中 , 右 击 站 点 名 Navigation, 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 "命令 ,在 弹出 的 
“添加 新 项 ”对 话 框 中 选择 XML 文件 。 可 以 从 站 点 web. sitemap 中 取出 一 部 分 作为 0931 
后 台 管理 中 心 的 XML 代码 。Manage. xml 文件 参考 代码 如 下 : 
<?xml version= "1.0" encoding = "utf - 8" ?> 
< siteMapNode title= "后 台 管 理 中 心 " url= "~/Admin/Admin.aspx" description="" > 
< siteMapNode title = "用户 管理 " url = "一 /hdmin/UserManage. aspx" description = ""> 
< siteMapNode title= "用 户 角色 管理 " url = "~/Admin/Role. aspx" description = "" /> 
< siteMapNode title = "用 户 状 态 管 理 " url = "一 /Admin/Statu.aspx" description = "" /> 
</siteMapNode> 
< siteMapNode title= "新 闻 管 理 " url = "一 /hdmin/NewsManage.aspx" description="" > 
< siteMapNode title = "添加 新 闻 管 理 " url = "一 /Rdmin/RAddNews. aspx" description = ""” /> 
< siteMapNode title= "新 闻 分 类 管理 " url = "一 /hdmin/ClassNews.aspx" description = "" /> 
</ siteMapNode > 
</ siteMapNode > 


(2) 使 用 TreeView 控件 为 管理 中 心 各 层次 页 面 设 计 树 形 结构 导航 。 以 Admin 文件 

夹 下 Admin. aspx 后 台 管 理 中 心 首页 为 例 。 
首先 创建 Admin. aspx 页 面 文件 。 切 换 到 “设计 ”视图 ,从 左 侧 工 具 箱 导 航 组 中 拖 出 
TreeView 控件 。 右 击 TreeView 控件 ,在 弹出 的 快捷 菜单 中 选择 “显示 智能 标记 ”命令 ， 
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在 弹出 的 “TreeView 任务 ”对 话 框 中 ,在 “选择 数据 源 ” 选 项 区 域 中 选择 “新 建 数据 源 ” 选 
项 。 在 弹出 的 “数据 源 配置 向 导 ” 对 话 框 中 ,选择 “XML 文件 ”选项 ,并 为 数据 源 指定 ID 
为 : XmlDataSourcel( 默 认 值 ) 。 

在 随后 弹出 的 “配置 数据 源 ” 对 话 框 中 , 单 击 “ 浏 览 ” 按 钮 选择 数据 文件 。 在 弹出 的 “ 选 
择 XML 文件 "对话 框 中 选 定 XML 文件 ,这 里 是 Manage. xml。 

右 击 TreeView 控件 ,在 弹出 的 快捷 菜单 中 选择 “编辑 TreeNode 数据 绑 定 命令 。 在 
弹出 的 "TreeView DataBindings 编辑 器 ?对 话 框 中 ,为 siteMapNode 节点 设置 NavigateUrlField 
属性 值 为 url、TextField 属性 值 为 title, 如 图 2-6 所 示 。 


可 用 数据 央 定 (V): 数据 晨 定 属性 (P): 
-加 外 
BsiteMapNode ShowCheckBox 

自 siteMapNode Target 
上 siteMapNode ant 
ToolTip 
Value 


DataMember 
Depth 


FormatString 
ImageToolTipField 
ImageUrlField 
NavigateUrlField 
TargetFicld 


ToolTipField 


TextField 
数据 绑 定 时 用 于 节点 的 Text 属性 的 表 列 或 XML 特性 名 


Cw J mw ] em | 


图 2-6 “TreeView DataBindings 编辑 器 ”对 话 框 


(3) 当 XML 文件 作为 TreeView 控件 的 数据 源 时 ,在 Admin. aspx 中 自动 生成 的 ,与 
TreeView 控件 相关 的 主要 代码 如 下 : 


< form id = "forml”runat = "server"> 


<div> 
<asp:XmlDataSource ID = "XmlDataSourcel" runat = "server" DataFile= "一 /manage.xml"> 
</asp:XmlDataSource > 
< asp: TreeView ID = "TreeViewl" runat = "Server”DataSourceID = " XmlDataSourcel" 
ImageSet = "Faq"> 
<DataBindings> 
< asp: TreeNodeBinding DataMember = " siteMapNode" TextField = "title" 
NavigateUrlField= "url" /> 
</DataBindings > 
</asp:TreeView> 
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</div> 
</form> 


运行 Admin. aspx, 运 行 结果 如 图 2-7 所 示 。 


售后 世 理 中 心 着 页- Windows Intemnet EE Esey=>x™)| 
i 
Gos http//localhost 49176/TreeView3-2/admin/admin.aspx "| 好 XI 人 Lesearo PP. 
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添加 新 闻 管理 
新 闻 分 类 管理 用 


| | 用 


图 2-7 后 台 管理 中 心 首页 树 形 目录 导航 


2.2.5 小 结 


站 点 地 图 本 身 即 是 一 个 XML 文件 ,在 自行 编写 XML 文件 作为 TreeView 控件 数据 
源 时 ,可 以 参考 web. sitemap 文件 的 格式 和 内 容 。 


2.2.6 思考 与 练习 


在 不 需要 树 形 导航 列 出 全 部 页 面目 录 的 情况 下 ,可 以 使 用 XML 文件 作为 TreeView 
控件 的 数据 源 。 请 读者 使 用 选择 XML 文件 做 数据 源 ,为 网 站 新 闻 中 心 设 计 首页 和 树 形 
目录 导航 。 


任务 2.3 ” 母 版 页 和 导航 系统 


任务 目标 
(1) 了 解 母 版 页 在 整合 页 面 公共 元 素 、 统 一 页 面 风 格 中 的 作用 。 
(2) 掌握 创建 母 版 页 和 生成 内 容 页 的 方法 。 

2.3.1 项 目 概况 与 母 版 页 概述 


(1) 0931 网 站 项 目 包括 一 个 多 功能 多 角色 的 三 层 架构 新 闻 网 站 ,一 个 同样 多 功能 的 

三 层 架 构 博 客 网 站 一 个 基于 系统 对 象 设计 的 聊天 室 、 一 个 基于 XML 技术 的 留言 板 、 一 
个 提供 电话 区 号 查询 的 Web 服务 以 及 网 站 后 台 管 理 中 心 等 。 

全] 


ASP NET 动态 网 站 开发 项 目 化 教程 


下 面 主要 以 新 闻 网 站 为 例 , 说 明 一 个 网 站 的 导航 系统 和 母 版 页 的 设计 。 新 闻 网 站 前 
台 以 动态 新 闻 显 示 、 用 户 登 录 注册 为 主线 ,后 台 以 用 户 管理 .新 闻 管理 为 主要 内 容 。 

(2) 母 版 页 是 ASP.NET 2.0 新 增 的 一 个 重用 技术 , 它 可 以 把 一 些 页 面 公共 元 素 如 网 
站 banner、 站 点 导航 系统 甚至 广告 元 素 等 整合 到 一 个 可 以 共享 的 通用 页 面 上 。 

母 版 页 为 应 用 程序 的 所 有 页 面 或 者 一 组 特定 页 面 ( 如 新 闻 显示 模块 .后 台 管 理 模 块 
等 ) 提 供 统一 的 页 面 布 局 和 设计 风格 ,并 且 降 低 了 应 用 程序 开发 和 维护 的 成 本 。 

可 以 把 普通 Web 窗 体 页 面 设计 成 与 母 版 页 相对 应 的 内 容 页 , 当 请 求 内 容 页 时 ,将 整 
合 母 版 页 一 起 输出 。 


2.3.2 网 站 新 闻 模 块 母 版 页 


下 面 为 新 闻 显 示 模 块 设计 母 版 页 。 

在 E:\0931 目录 下 双击 0931. sln 文件 ,运行 Visual Studio 2005, 打 开 E:\0931\ 
Navigation 网 站 。 新 闻 模 块 母 版 页 设计 步骤 如 下 : 

(1) 为 面包 悦 导 航 创 建站 点 地 图 。 因 为 母 版 页 的 面包 导 导 航 需要 站 点 地 图 ,所 以 可 
以 继续 使 用 任务 2. 1 或 任务 2. 2 中 创建 的 站 点 地 图 文件 。 

(2) 为 新 闻 显 示 模 块 树 形 目录 导航 创建 XML 文件 。 因 为 在 新 闻 模 块 的 页 面 左 侧 只 
需 列 出 与 新 闻 相 关 页 面 的 树 形 目录 ,在 不 需要 树 形 导航 列 出 全 部 页 面目 录 的 情况 下 ,用 
XML 文件 作为 TreeView 控件 的 数据 源 。 

在 Visual Studio 2005 的 “解决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 名 Navigation ,在 
弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 中 选择 XML 文 
件 , 命 名 为 News. xml 并 把 它 放 在 APP_Data 数据 文件 夹 下 。News. xml 实际 上 是 web. 
sitemap 站 点 地 图 文件 中 的 一 部 分 。News. xml 参考 代码 如 下 : 

<?xml version= "1.0" encoding = "utf - 8" ?> 

<newsNode title = "新 闻 浏 览 " url=" " description=" "> 

<Node title= "国际 要 闻 " url= "~/news/Internat.aspx" description="" > 
< subNode title = "国际 要 闻 列 表 " url = "~/news/InternatList. aspx" description = "" /> 
< subNode title= "国际 详细 要 闻 " url = "~/news/InternatDetail. aspx" description = "" /> 
</Node> 
<Node title = "国内 要 闻 " url = "~/news/Internal.aspx" description=""> 
< subNode title= "国内 要 闻 列 表 " url = "~/news/InternalList. aspx" description="" /> 
< subNode title= "国内 详细 要 闻 " url= "~/news/InternalDetail. aspx" description = "" /> 
</Node> 
<Node title = "最 新 新 闻 " url = "/news/Latest.aspx"” description = ""/> 


<Node title = "新闻 搜索 " url = "/news/Search.aspx" description="" /> 
</newsNode > 


(3) 网 站 的 静态 页 面 设计 。 准 备 0931 网 站 静态 页 面 公共 元 素 如 样式 表 文 件 , 页 眉 的 
banner 图 片 .navigate 图 片 ,页 脚 的 footer 图 片 以 及 网 站 美工 设计 ; 并 使 用 HTML 的 
DIV( 层 ) 十 TABLE( 表 格 ) 十 CSS( 样 式 表 ) 格 式 进行 页 面 布局 ; 可 将 设计 好 的 静态 页 面 公 
共 部 分 代码 存 成 一 个 . html 文件 ,这 里 存 为 CommonPage. html。 网 站 静态 页 面 公 共 元 素 
可 参考 任务 2. 1 中 Default. aspx 页 面 文件 代码 。 
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(4) 创建 母 版 页 。 在 Visual Studio 2005 的 “解决 方案 资源 管理 器 ?面板 中 , 右 击 站 点 
名 Navigation, 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 
中 选择 母 版 页 ,扩展 名 为 . master。 这 里 命名 为 news. master, 单 击 “ 添 加 ”按钮 。news. 
master 中 自动 生成 的 主要 代码 如 下 : 


< form id= "forml" runat = "server"> 

<div> 
<asp:contentplaceholder id = "ContentPlaceHolder1" runat = "server"> 
</asp:contentplaceholder > 

</div> 

</form> 


其 中 ,ContentPlaceHolder 为 内 容 位 置 控件 (内 容 占 位 控件 ), 它 是 母 版 页 的 专用 控 
件 , 是 给 内 容 页 预 留 位 置 的 。 以 上 母 版 页 只 有 一 个 内 容 位 置 控件 且 命名 为 ContentPlace- 
Holderl 。 一 个 母 版 页 至 少 需要 一 个 ContentPlaceHolder 控件 。 


2.3.3 组 合 母 版 页 和 导航 系统 


把 设计 好 的 网 站 静态 页 面 公共 部 分 CommonPage. html 以 及 站 点 导航 系统 (SiteMap- 
Path 控件 .TreeView 控件 等 ) 添 加 复制 到 母 版 页 中 。 组 合 后 的 新 闻 模 块 母 版 页 news. 
master 参考 代码 如 下 : 


% @ Master Language = "C#" AutogventWireup = "true" CodeFile = "News. master. cs" Inherits = 
"News" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Transitional//EN" " http://www. w3. org/TR/ 
xhtml1/DTD/xhtml1-transitional. dtd"> 
<html xmlns = "http://www. w3. org/1999/xhtm1"> 
<head id = "Head1l" runat = "server"> 
<title> 一 个 内 容 占 位 控件 的 Master </title> 
<!-- 外 联 样式 表 及 内 嵌 样 式 表 --> 
< link href = "App_Data/news. css" type = "text/css" rel = "Stylesheet" /> 
<style type= "text/css"> 
.foot_layer{color: #606060;font - size:14px; text - align:center;} 
</style> 
</head> 
<body> 
< form id= "forml" runat = "server"> 
<!-- 页 眉 和 导航 栏 层 一 > 
< div class = "head_layer"> 
< asp: Image ID = "Imagel" runat = "server" ImageUrl = "一 /images/banner. jpg" 
Style = "width: 1024px; height: 147px" /> 
</div> 
<div class = "navigate layer"> 
< asp: ImageMap ID = " ImageMapl" runat = " server" ImageUrl = " 一 /images/ 
navigate. jpg" HotSpotMode = "Navigate"> 
< asp: RectangleHotSpot Left = "250" Right = "300" Top = "5" Bottom= "35" 
NavigateUrl = "Default. aspx" /> 
< asp: RectangleHotSpot Left = "350" Right = "400" Top = "5" Bottom = "35" 
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NavigateUrl = "一 /Login/Login.aspx " /> 


</asp:ImageMap> 
</div> 
<!-- 面包 屑 导航 条 层 -一 > 
<div class = "SiteMapPath layer"> 
当前 位 置 :<asp:SiteMapPath ID = "SiteMapPath1l" runat = "server"> 
</asp:SiteMapPath> 
</div> 
< 一 页 面 中 间 内 容 层 , 嵌 套 一 行 两 列表 格 -> 
<div class = "content layer"> 
<table> 
<tr> 
<! 


左边 列 , 树 形 目 录 导 航 层 -一 > 
<td> 


<div class = "TreeView layer"> 
<asp:TreeView ID = "TreeViewl" runat 


server" DataSourceID = 
"XmlDataSourcel"> 
<DataBindings> 
<asp:TreeNodeBinding DataMember = "newsNode"Navigate- 
UrlField= "url" TextField= "title" /> 
<asp:TreeNodeBinding DataMember = "Node"NavigateUrl- 
Field= "url" TextField= "title" /> 
<asp:TreeNodeBinding DataMember = "subNode"Navigate- 
UrlField= "url" TextField= "title" /> 
</DataBindings> 
</asp:TreeView> 
<asp:SiteMapDataSource ID = "SiteMapDataSourcel"runat = "ser- 
ver"/> 
<asp:XmlDataSource ID= "XmlDataSourcel"runat = "server" Dat- 
aFile= "~/App_Data/news. xml"> 
</asp:XmlDataSource> 
</div> 
</td> 
<!-- 右边 列 , 内容 占 位 控件 层 ( 预 留 给 内 容 页 ) -一 > 
<td> 
< div class = "ContentPlaceHolder layer"> 
<asp:ContentPlaceHolder ID = "ContentPlaceHolderl" runat = 
"server"> 
</asp:ContentPlaceHolder > 
</div> 
</td> 
</tr> 
</table> 
</div> 
<!-- 页 脚 Footer 层 --> 
<div class = "Foot layer"> 
<asp:Image ID = "Image2" runat = "server" ImageUrl = "~/images/Footer. jpg" 
Style = "width: 95px; height: 53px; margin: 4" /> 


</div> 
</form> 
</body> 
</html> 


2.3.4 创建 内 容 页 


可 以 将 现 有 的 普通 Web 窗 体 页 面 文件 改造 成 内 容 页 。 

(1) 创建 普通 的 Web 窗 体 页 面 。 仍 以 News 文件 夹 下 Internat. aspx 国际 要 闻 页 面 
为 例 。 布 击 News 文件 夹 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 "命令 ,创建 Internat. aspx 
Web 页 面 文件 。 利 用 数据 库 生 成 新 闻 显示 的 动态 页 面 要 在 本 书 的 后 续 章节 中 学 习 , 所 以 
当前 可 以 只 创建 一 个 简单 的 显示 国际 新 闻 的 静态 页 面 。 

(2) 将 Internat. aspx 页 面 改造 成 内 容 页 。 

OO 在 @Page 标记 中 设置 属性 MasterPageFile 二 "news. master" ,并 去 除 页 面 的 
HTML 标记 和 Form 标记 。 

@ 创建 二 asp:Content 二 内 容 控 件 , 注 意 内 容 控件 必须 是 内 容 页 中 的 顶级 控件 。 

@ 设置 内 容 控 件 的 ContentPlaceHolderID 属性 。 

ContentPlaceHolderID 王 "ContentPlaceHolderl" 的 意思 是 : 此 内 容 页 出 现在 与 母 版 
页 相对 应 的 ,内容 占 位 控件 ID= 王 "ContentPlaceHolderl" 的 位 置 中 ; 注意 这 里 ContentPlace- 
Holderl 须 与 母 版 页 中 内 容 占 位 控件 的 命名 一 致 。 

Internat. aspx 内 容 页 实现 代码 如 下 : 


<% @ Page Language = "C#" RutoEventWireup = "true" MasterPageFile = "~ /news. master" 
CodeFile = "internat. aspx.cs" Inherits= "news_internat" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "Server"> 
<div> 
<table> 
<tr><td rowspan = "2">< asp: Image ID= "Imagel”" runat = "server" ImageUrl ="~/ 
images/flood. jpg" Width = "95" Height = "121" /></td> 
<td style= "font - size: small; width: 773px;"><a href =""> 澳 大 利 亚 遭 暴风 雨 袭击 
</a></td></tr> 
<tr>< td style = "font - size: small; width: 773px;" align = "left"> 新 华 网 3 月 
23 日 报道 澳大利亚 东海 岸 几 天 来 连 降 暴雨 ,造成 洪水 泛滥 , 数 千 人 被 迫 离 开 家 园 .昆士兰 首府 布 
里 斯 班 两 天 的 降雨 量 已 经 能 够 为 这 座 城市 提供 超过 1 年 的 饮用 水 …-</td></tr> 
</table> 
</div> 
</asp:Content > 


(3) 运行 内 容 页 Internat. aspx, 运 行 结果 如 图 2-8 所 示 。 
2.3.5 有 多 个 ContentPlaceHolder 控件 时 的 母 版 页 布局 


当 一 个 母 版 页 需要 有 多 个 ContentPlaceHolder 控件 时 , 仍 需要 使 用 HTML 的 DIV 十 
TABLE 十 CSS 进行 页 面 设计 布局 。 下 面 以 0931 新 闻 模块 母 版 页 为 例 进行 介绍 。 

(1) 参看 2. 3. 3 小 节 中 的 news. master 页 面 代 码 。 将 news. master 页 面 中 间 层 , 改 
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澳大利亚 潭 暴风 古装 击 
已 国际 要 闻 列 表 了 月 2 2 日 讽 六 利 亚 南 利 斯 莫 尔 的 机 场 被 洪水 包 国 


二 国际 主 细 要 间 间 和 m 月 2 了 昌 失 这 六 逢 天 二 汪 趟 5 
田 七 四 内 要 闻 造成 洪水 学 浇 ， 数 子 人 被 迫 离 开 家 | 
i 和 经 能 
区 提供 起 过 1 年 的 饮用 水 。 昆 士 兰 相信 省 份 新 南 威尔士 
四 欧文 化 信 育 新 闻 灾情 也 比较 产 重 ， 沁 水 和 大 风 合 各 的 250 所 学 术 关 
| 闭 ， 大 批 民众 袖 沁 汶 高 至 安全 区 域 。 
天 新 闻 雪 天 pe 


Tl mm | 上 


图 2-8 请 求 内 容 页 时 与 母 版 页 一 起 输出 的 结果 


为 嵌 套 一 行 三 列表 格 , 在 表格 的 右 侧 第 三 列 增加 两 个 内 容 控件 的 位 置 。 修 改 后 news. 
master 的 内 容 位 置 控件 部 分 代码 如 下 ， 


<!-- 页 面 中 间 层 , 媒 套 一 行 三 列表 格 -一 > 
<div class = "content_layer"> 
< table> 
<tr> 
<!-- 表 格 左边 列 放置 树 形 目 录 导 航 -一 > 
<td> … </td> 
<!-- 表格 中 间 列 ,放置 母 版 页 的 contentplaceholderl 内 容 位 置 控 件 -一 > 
<td style = "width: 1795px"> 
<div class=" ContentPlaceHolderl layer"> 
<asp:contentplaceholder id= "ContentPlaceHolder1l" runat = "server"> 
</asp:contentplaceholder> 
</div> 
</td> 
<!-- 表格 第 三 列 分 两 层 ,分 别 放置 母 版 页 的 Contentplaceholder2,3 内 容 位 置 控件 -一 > 
<td style = "width: 476px"> 
<div class =" ContentPlaceHolder3_layer"> 
<asp:contentplaceholder id = "ContentPlaceHolder3" runat = " server"> 
</asp:contentplaceholder> 
</div> 
<div class = ”ContentPlaceHolder2_layer"> 
<asp:contentplaceholder id= "ContentPlaceHolder2" runat = " server"> 
</asp:contentplaceholder> 
</div> 
</td> 
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</tr> 
</table> 
</div> 


(2) 相应 地 修改 新 闻 显 示 页 面 。 仍 以 Internat. aspx 页 面 为 例 , 在 Internat. aspx 中 增 
加 两 个 二 asp:Content 二 内 容 控件 ,增加 的 代码 如 下 : 


< asp:Content ID = "Content3" ContentPlaceHolderID = "ContentPlaceHolder3" Runat = "Server"> 
<!-- 新 闻 图 片 显示 页 面 代码 --> 
<div> 
<asp:Image ID = "Imagel" runat = "server" ImageUrl = "一 /images/ NewsPicture. jpg " 
style = "width: 281px; height: 126px;"/> 
</div> 
</asp:Content > 
<asp:Content ID = "Content2" ContentPlaceHolderID = "ContentPlaceHolder2" runat = "Server"> 
<!-- 用 户 登录 页 面 代码 -一 > 
<div class = "Login layer"> 
<table border = "1"> 
<tr><td><asp:Label ID= "Labl" runat = "server" Text = "用 户 名 "></asp:Label> 
<asp:TextBox ID = "txt_name" runat = "server"></asp:TextBox ></td> 
</tr> 
<tr><td><asp:Label ID= "Lab2" runat = " server”Text = "密码 " Width = "48px" 
Height = "19px"></asp:Label > 
<asp:TextBox ID = "txt_pw" runat = "server" TextMode = "Password"> 
</asp:TextBox></td></tr> 
<tr><td><asp:Button ID = "Button1" runat = "server" Text = "登录 " /> 
<asp:LinkButton ID = "LinkButton1"” runat = "server" Text = "新 用 户 注 
册 " Height = "21px" Width = "100px"” PostBackUrl = "~ /Login/NewLogin. aspx"></asp:LinkButton> 
</td></tr> 
</table> 
</div> 
</asp:Content > 


(3) 重新 运行 内 容 页 Internat. aspx, 运 行 结果 如 图 2-9 所 示 。 
2.3.6 小 结 


可 以 将 普通 Web 窗 体 页 面 文件 改造 成 内 容 页 ,也 可 以 在 母 版 页 中 直接 添加 内 容 页 。 
在 母 版 页 中 添加 内 容 页 有 以 下 两 种 方式 。 
(1) 在 母 版 页 中 直接 添加 内 容 页 。 切 换 到 “设计 ”视图 ,在 news. master 母 版 页 任意 
位 置 右 击 ,在 弹出 的 快捷 菜单 中 选择 “添加 内 容 页 ”命令 ,系统 自动 生成 Default. aspx 内 
容 页 框架 代码 如 下 : 
<% @ Page Language = "C#" MasterPageFile = "一 /news.master”RutoEventWireup = "true" 
CodeFile = "Default. aspx. cs" Inherits = " Default" Title = "Untitled Page" %> 


< asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" Runat = "Server"> 
</asp:Content > 


(2) 在 Visual Studio 2005 的 “解决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 名 ,在 弹出 的 
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2-9 有 多 个 内 容 占 位 控件 时 的 母 版 页 布局 


快捷 菜单 中 选择 “添加 新 项 ”命令 ,在 添加 “Web 窗 体 ” 生 成 aspx 页 面 时 选中 * 选 择 母 版 
页 " 复 选 框 , 在 后 续 弹 出 的 选择 母 版 页 的 对 话 框 中 选择 需要 的 母 版 页 。 


2.3.7 思考 与 练习 


为 0931 项 目的 留言 板 模块 创建 母 版 页 和 导航 。 

提示 : 准备 留言 板 模块 所 需 页 面 公共 元 素 ,如 样式 表 文 件 ,页 眉 的 banner 图 片 、 
navigate 图 片 ,页 脚 的 footer 图 片 ,并 使 用 HTML 的 DIV 十 TABLE 十 CSS 设计 页 面 
布局 。 
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第 3 章 ”系统 对 象 与 数据 传递 


任务 3.1 获取 用 户 输入 信息 和 
客户 端 环境 信息 


任务 目标 


(1) 了 解 Page、Request、Response 等 系统 对 象 的 属性 方法 与 事件 。 
(2) 掌握 页 内 数据 传递 和 页 间 数 据 传递 的 方法 和 技术 。 


3.1.1 ASP.NET 系 统 对 象 概 述 


ASP.NET 提供 了 一 些 封装 类 ,这 些 封装 类 的 实例 称 为 系统 对 象 。 系 统 对 象 可 以 直 
接 在 页 面 上 使 用 。ASP.NET 常用 的 系统 对 象 有 : 用 来 处 理 页 面 和 页 面 间 操作 的 Page 对 
象 ; 用 来 处 理 页 面 输入 /输出 请 求 和 响应 的 Request 对 象 和 Response 对 象 ; 用 来 在 页 面 
之 间 记 录 , 保 存 和 传递 数据 的 Cookie 对 象 .Session 对 象 和 Application 对 象 ; 用 来 提供 服 
务 器 端 访问 的 Server 对 象 等 。 

例如 ,Page 对 象 是 System. Web. UI. Page 类 的 实例 ,所 有 的 ASP.NET 页 面 都 继承 
自 此 页 面 类 。Page 对 象 包含 了 所 有 用 来 处 理 页 面 和 页 面 间 操作 的 属性 、 方 法 与 事件 。 


3.1.2 页 内 数据 传递 


下 面 通过 一 个 用 户 注册 实例 来 说 明 Page 对 象 属性 的 使 用 以 及 ASP.NET 页 面 中 数 
据 提交 与 传递 的 方式 。 在 本 实例 中 , 当 页 面 首次 加 载 时 ,显示 注册 界面 ; 当 用 户 提交 注册 
信息 时 ,将 获取 用 户 输入 信息 与 客户 端 环 境 信息 并 在 页 面 下 方 显示 。 用 户 注册 页 面 界 面 
设计 以 及 运行 效果 如 图 3-1 所 示 。 其 设计 步骤 如 下 : 

(1) 在 E:\0931 目录 下 双击 0931. sln 文件 ,打开 Visual Studio 2005。 在 “解决 方案 
资源 管理 器 ”面板 中 , 右 击 “解决 方案 “0931””, 在 弹出 的 快捷 菜单 中 选择 “添加 ”->“ 新 建 网 
站 ”命令 。 新 建 网 站 命名 为 IsCrossPagePostBack。 

右 击 站 点 名 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 
框 中 选择 “Web 窗 体 ” 选 项 ,创建 用 户 注册 页 面 Login. aspx。 

参照 图 3-1, 在 “设计 ”视图 中 为 Login. aspx 页 面 添 加 3 个 TextBox 控件 ,1 个 
DropDownList 控件 .2 个 Button 控件 以 及 若干 个 用 来 显示 信息 的 Label 控件 。 可 以 将 上 
述 控件 用 HTML 的 DIV( 层 ) 十 TABEL( 表 格 ) 加 以 布局 。 

Login. aspx 页 面 主要 控件 及 属性 设置 如 表 3-1 所 示 。 
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表 3-1 Login. aspx 页 面 主要 控件 及 属性 设置 


控件 类 型 控件 ID 属性 及 属性 值 说 明 

txt_uname 默认 设置 用 户 名 

TextBox txt_pw TextMode="Password" 密码 
txt_answer 默认 设置 安全 回答 

DropDownList | DropDownList_ques 默认 设置 提示 问题 

Text 二 "注册 " 

Button bt OK OnClick=" btn_OK _Click" 注册 按钮 
btn_cancel Text 二 "取消 " 取消 按钮 

Label Labell、Label2、Label3.… 默认 设置 用 来 显示 信息 


Login. aspx 中 与 DropDownList 控件 相关 的 代码 如 下 : 


< form id = "forml" runat = "server"> 
<div> 
<table style= "width: 247px;"> 
“i 
<td> 提 问 </td> 
<td><asp:DropDownList ID = "DropDownList_ques" runat = "server" Width = "130px"> 
<asp:ListItem> 你 最 喜欢 的 食物 ?</asp:ListItem> 
<asp:ListItem> 你 最 喜欢 唱 的 歌 ?</asp:ListItem> 
</asp:DropDownList ></td> 
</tr> 


(2) 在 设计 视图 中 双击 btn_OK 按钮 ,在 Login. aspx. cs 文件 的 btn_OK _Click 事件 
中 编写 如 下 代码 : 


protected void btn_OK_Clickl(object sender, EventArgs e) 
{ 
if (Page. IsPostBack) // 页 内 数据 回 传 
{ 
if (this. txt_uname. Text ! = string. Empty && this. txt_pw. Text ! = string. Empty) 
{ 
this. Label3. Text = "<br> 用 户 名 : " + this. txt_uname. Text 
+ "br> 密 码 : " + this. txt_pw. Text 
+ "<br> 安 全 提问 : " + this.DropDownList_ques. SelectedItem. Text 
+ "<br> 安 全 答案 : " + this. txt_answer. Text; 
this. Labell.Text = "< br > 来 自 ”+ Request. ServerVariables[ "remote 
addr"]. ToString() + "的 朋友 ,您 好 !"; 
this. Label2. Text = "< br> 您 当前 运行 的 文件 是 : " + Request. ServerVariables 
["script_name"].'ToString(); 
this. Label3. Text = "<p> 以 下 是 您 提交 的 信息 ,请 确认 !<br>" + this. Label3. 
Text; 
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说 明 : 

@ Page 对 象 的 Page. IsPostBack 属性 可 以 用 来 判断 页 内 是 否 有 表单 数据 提交 。 

if (Page. IsPostBack) 为 true 时 ,表示 是 页 内 数据 传递 ,通常 称 为 页 面 回 传 。 这 里 可 
以 确保 当 有 数据 在 页 内 提交 传递 时 ,获取 并 显示 相关 信息 。 

if (1Page. IsPostBack) 为 true 时 ,表示 是 第 一 次 加 载 页 面 。 这 里 可 以 确保 首次 加 载 
页 面 时 ,显示 注册 界面 。 

@ Request 对 象 的 ServerVariables 属性 可 以 用 来 获取 服务 器 端 和 客户 端的 环境 变 
量 信息 。 例 如 : 


Request. ServerVariables[ "remote addr"]; // 用 来 获取 客户 端的 IP 地 址 
Request. ServerVariables[ "script_name"]; // 用 来 获取 当前 执行 文件 的 路 径 
类 似 的 用 法 还 有 : 


Response. Write( Request. ServerVariables[ "http user agent"].ToString()); 

Response. Write( Request. ServerVariables[ "http_accept_language"]. ToString( )); 

可 以 分 别 用 来 获取 并 显示 客户 端 浏览 器 的 版 本 与 语言 。 

(3) 运行 Login. aspx。 如 图 3-1 所 示 ,可 以 看 到 表单 数据 在 页 内 提交 传递 的 结果 。 

注意 : 在 第 一 次 加 载 页 面 时 ,是 显示 注册 界面 的 ; 而 当 用 户 提交 注册 信息 时 , 才 有 与 
用 户 输入 相关 的 欢迎 信息 与 确认 信息 在 页 面 下 方 显示 。 
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Live Search 


OB) pocahos: -El x [a 


识 收 天 。 从 页 内 败 据 传 间 从 -图 - “ 
注册 通行 证 到 


提 问 “你 最 喜欢 的 食物 ?~ 
回答 古 扩 生 
注册 | 取消 | 
来 自 127.0.0.1 的 朋友 ， 您 好 ! 
您 当前 运行 的 文件 是 : /IsCrossPagepostBack/Login aspx 
以 下 是 您 提交 的 信息 ， 请 确认 ! 
用 户 名 : Rose 


密 码 : 123456 
安全 提示 问题 : 你 最 喜欢 的 食物 ? 
安全 答案 : 南瓜 饼 


四 


图 3-1 页 内 数据 传递 


3.1.3 跨 页 数据 传递 


下 面 仍然 以 此 Login. aspx 用 户 注册 页 面 为 例 ,说 明 如 何在 男 一 页 上 获取 前 一 页 表单 


提交 的 数据 。 
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(1) 运行 Visual Studio 2005 ,打开 IsCrossPagePostBack 网 站 。 修 改 Login. aspx 页 


面 文件 ,设置 btn_OK 按钮 的 PostBackUrl 属性 。 


Login. aspx 中 与 btn_OK 控件 相关 的 代码 设置 如 下 : 


< form id = "forml" runat = "server"> 
<div> 
<table style = "width: 247pxji "> 


<tr> 
<td colspan = "2"> 
<asp:Button ID = "btn_OK" runat = "server" Text = "注册 " BackColor = "COFFC0" 
PostBackUrl = "一 /ConfirmPage.aspx" /> 
< asp:Button ID = "btn_cancel" runat = "server" Text = "取消 " BackColor =" 井 COFFC0"/> 
</td> 
</tr> 


<table» 
</div> 
</form> 
PostBackUrl 属性 指明 本 页 表单 数据 提交 传递 时 的 获取 页 为 ConfirmPage. aspx。 
(2) 在 站 点 下 新 建 一 个 Web 页 面 文件 ConfirmPage. aspx, 获 取 并 显示 Login. aspx 


页 面 提交 的 信息 。 


在 ConfirmPage. aspx 上 添加 Labell、Label2、Label3 控件 用 来 输出 用 户 注 册 信 息 和 


环境 信息 ; 添加 Button1、Button2 按钮 用 来 确认 和 返回 。ConfirmPage. aspx 页 面 设计 可 
以 参考 图 3-3。 
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(3) 在 ConfirmPage. aspx. cs 的 Page_Load 事件 中 编写 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 


{ 
// 判 断 前 面 传输 页 是 否 为 nu11 
if (Page.PreviousPage ! = null) 
人 
// 判 断 前 页 是 否 使 用 跨 页 数据 提交 
if (PreviousPage. IsCrossPagePostBack = = true) 
{ 
if (((TextBox) Page. PreviousPage. FindControl ("txt_uname")). Text ! = string. 


Empty && ( (TextBox)Page. PreviousPage.FindControl("txt_pw")).Text ! = string. Empty) 
{ 
this. Label3. Text = this.Label3.Text + "<br> 用 户 名 : " + ((TextBox)Page. 
PreviousPage. FindControl("txt_uname")). Text 
+ "</br> 密 ” 码 : " + ((TextBox)Page. PreviousPage. FindControl("txt_pw")). Text 
+ "</br > 安全 提示 问题 : ”+ ((DropDownList)Page. PreviousPage. FindControl(" 
DropDownList_ques")).Text 
+ "</br> 安 全 答案 : "+ ((TextBox) Page. PreviousPage. FindControl ("txt_answer")) 
.Text; 
this. Labell. Text = "</br> 来 自 "+ Request. ServerVariables[ "remote_addr"] 
.Tbstring() + "的 朋友 ,您 好 !"; 
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this. Label2. Text = "</br> 您 当前 运行 的 文件 是 : " + Request. ServerVariables 
["script_name"]. ToString(); 
this. Label3. Text = "<p> 以 下 是 您 提交 的 信息 ,请 确认 !</br>" + this. Label3. 
Text; 
} 


else 


{ 
Response. Write("< script >alert(\" 必 须 输入 用 户 名 和 密码 !\")</script >"); 
} 


} 

说 明 : 

必须 先 用 if(Page. PreviousPage ! 二 null) 确 保 前 面 的 传输 页 对 象 非 null ,否则 程 
序 调试 时 会 出 现 “ 用 户 代码 未 处 理 NullReferenceException” 异 常 , 提 示 在 执行 下 一 句 代 
码 前 ,检查 确定 对 象 是 否 为 空 。Page. PreviousPage 属性 用 来 表示 向 当前 页 传输 数据 
的 页 。 

@ if (PreviousPage. IsCrossPagePostBack 二 二 true) 用 来 判断 前 一 页 面 是 否 使 用 了 
跨 页 数据 提交 。 

@ Page. PreviousPage. FindControl ("控件 ID") 方 法 ,用 来 找到 并 获取 前 面 传输 页 
控件 的 值 。 

(4) 在 ConfirmPage. aspx 页 面 的 设计 视图 中 分 别 双击 Button1 (确认 ) 按 钮 和 
Button2( 返 回 ) 按 钮 。 

在 ConfirmPage. aspx. cs 的 Buttonl_Click、Button2_Click 事件 中 编写 如 下 代码 ; 


protected void Buttonl_Click(object sender, EventArgs e) 
{ 
Response. Write("< script > alert(\" 已 成 功 创建 您 的 账户 !\")</script >"); 
} 
protected void Button2_Click(object sender, EventArgs e) 
{ 
Response. Redirect("Login. aspx" ); 
} 
说 明 : 
@ 使 用 Response 对 象 的 Write 方法 ,可 以 将 HTTP 
响应 数据 发 送 到 客户 端 ,实现 页 面 的 输出 控制 。 这 里 用 注册 通行 证 
到 了 alert() 函 数 , 它 是 JavaScript 语言 的 输出 框 函数 。 A en 
本 密 [7 
ASP.NET 以 多 种 形式 支持 JavaScript 脚本 代码 。 提 问 你 最 二 汉 虽 的 台 9 
加 使 用 Response 对 象 的 Redirec 方法 可 以 重 定向 回答 三 
返回 注册 页 面 。 | 
(5) 重新 运行 Login. aspx 页 面 文件 ,输入 注册 信 
息 后 提交 并 确认 。 运 行 结果 如 图 3-2 一 图 3-4 所 示 。 3-2 ”输入 注册 信息 
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Ee 


[@] nmpyiocahos » [Ea| + | X | wive seareh 
eB 
来 自 127.0.0.1 的 朋友 ， 您 好 ! < 


您 当前 运行 的 文件 是 : /IsCrossPagePostBack/ConfirmPage.aspx | 
以 下 是 您 提交 的 信息 ， 请 确认 1 | 


用 户 名 : John 3 2 
密 码 : 123456 A Bias 
安全 提示 问题 ， 你 景 喜 欢 唱 的 歌 ? 
安全 答案 三 套 车 

| 确认 和 3 

4 IEEEREREEIEIIIERRRRSRSRSRSRSRSESRSGSGSG 证 


上 


图 3-3 数据 跨 页 传递 图 3-4 单 击 “确认 ”按钮 的 结果 


3.1.4 小 结 
(1) Page 对 象 的 @ Page 指令 为 页 面 指定 了 解析 和 编译 页 面 时 使 用 的 属性 和 值 。 当 页 面 
@ Page 指令 中 的 AutoEventWireup 一 "true" 时 ,在 页 面 装载 时 首先 执行 Page_Load 事件 过 程 。 
(2) Request 对 象 常用 来 获取 页 面 的 输入 以 及 用 来 获取 客户 端的 环境 变量 信息 。 
(3) Response 对 象 用 来 控制 页 面 输出 ,例如 : 


Response. Write( string express); // 在 页 面 上 输出 信息 
Response. Redirect (string url); // 重 定向 到 另 一 页 面 
3.1.5 思考 与 练习 


1. 设计 一 用 户 登 录 页 面 ,要 求 在 用 户 登 录 后 在 本 页 显示 与 用 户 名 相关 的 欢迎 信息 。 
注意 使 用 Page. IsPostBack 属性 ,确保 页 内 数据 传递 时 ,显示 登录 欢迎 信息 ; 而 当 页 面 首 
次 加 载 时 ,显示 登录 界面 。 

2. 修改 第 1 题 程序 ,在 另 一 页 显示 与 用 户 名 相对 应 的 欢迎 信息 。 注 意 使 用 Page. 
PreviousPage 属性 和 Page. IsCrossPagePostBack 属性 。 


任务 3.2 记录 用 户 访 问 网 站 的 时 间 和 次 数 


任务 目标 

(1) 了 解 Cookie 对 象 的 常用 属性 和 方法 。 

(2) 掌握 使 用 Cookie 对 象 记录 用 户 登录 和 访问 信息 的 方法 和 技术 。 
3.2.1 Cookie 对 象 简介 

Cookie 对 象 是 System. Web. HttpCookie 类 的 实例 。Cookie 实际 上 是 一 小 段 文本 信 
息 , 可 以 由 Web 服务 器 写 到 客户 端 硬盘 ,或 者 从 客户 端 读 回来 。 可 以 用 此 方法 来 跟踪 客 
34 


第 3 章 ”系统 对 象 与 数据 传递 


户 端 用 户 的 登录 和 访问 信息 。 例 如 : 
(1) 用 Response 对 象 的 Cookies 方法 写 Cookie。 
// 创 建 一 Cookie 实 例 
HttpCookie UNCookie = new HttpCookie("UserName"," 小 松鼠 "); 
// 把 Cookie 信息 写 到 客户 端 
Response. Cookies. Add( UNCookie); 


(2) 用 Request 对 象 的 Cookies 方法 读 Cookie。 


// 读 取 客户 端 Cookie 信息 
string UName = Request. Cookies[ "UserName" ]. Value; 


3.2.2 记录 用 户 的 访问 信息 


下 面 通过 一 个 实例 来 说 明 Cookie 对 象 的 应 用 
在 本 实例 中 , 当 用 户 第 一 次 来 访 时 ,显示 问候 和 首次 光临 本 站 的 信息 ,并 提示 用 户 登 
录 。 运 行 结果 如 图 3-5 和 图 3-6 所 示 。 


全 可 el wocanor -he |x) Os mewocahor -| + [xl 

襄 收 夫 “| 仿 用 让 好 而 是 高 收 可 赤 “| 盒 用 > 量 孙 1 面 | 

你 好 ， 你 是 第 1 次 光临 本 站 ! 请 登录 。 “ Rose 你 好 ， 登 录 成 功 ! 已 在 客户 端 记 “ 

录 了 您 的 登录 信息 . 

用 户 登 录 窗 口 用 户 登 录 窗 口 上 

用 户 名 ”Rose 下 用 户 名 Rose | 
密码 woo00 密码 

a] | -| | sa . 

图 3-5 第 一 次 访问 时 图 3-6 登录 提交 


当 用 户 再 次 来 访 时 ,显示 再 次 来 访 信息 、 访 问 次 数 以 及 用 户 上 次 来 访 的 时 间 , 运 行 结 
果 如 图 3-7 所 示 。 


GE | 外] htip/localhost -EB Bl 


次 收 天 天。 总 用 六 登录 页 面 


Rose 你 好 ， 欢 迎 你 再 次 光临 ! 
你 是 第 2 次 访问 本 站 ! 
你 上 次 登录 的 时 间 是 : 2009 年 8 月 11 日 21:19:09 


3-7 再 次 访问 时 


(1) 运行 Visual Studio 2005 ,在 “解决 方案 资源 管理 器 ”面板 的 “在 解决 方案 “0931”” 
下 新 建 网 站 ,命名 为 Cookies。 
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(2) 创建 用 户 登 录 页 面 Login. aspx。 添 加 Labell、Label2 控件 和 TextBox1、TextBox2 


控件 用 来 输入 用 户 名 和 密码 ; 添加 Label3、Label4、Label5 控件 分 别 用 来 显示 用 户 的 来 访 


信息 


\ 访 问 次 数 和 上 次 登录 时 间 ; 添加 Button1、Button2 按钮 用 来 登录 或 者 取消 登录 。 
Login. aspx 登录 页 面 控件 设计 可 以 参照 图 3-5。 
(3) 为 Login. aspx. cs 的 Page_Load 编写 事件 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 
证 (!Page. IsPostBack) // 首 次 加 载 页 面 
‘ 
if (Request. Cookies["userName"] ! = null) 
{ 
Label3. Text = Request.Cookies["userName"].Value + "你 好 ,欢迎 你 再 次 光 
临 !" + "<p>"; 
if (Request. Cookies["acceNum"] ! = null) 
{ 
// 访 问 次 数 加 1 
int iNum = Convert.ToInt32(Request. Cookies["acceNum"].Value) + 1; 
Label4. Text = "你 是 第 ”+ Request.Cookies["acceNum"].Value + "次 访 
间 本 站 1" + "<p>"; 
// 将 新 访问 次 数 写 回 客户 端 Cookie 
HttpCookie acceNumCookie = new HttpCookie("acceNum", iNum. ToString 
0O); 
Response. Cookies. Add(acceNumCookie); 
acceNumCookie. Expires = DateTime. MaxValue;// 设置 Cookie 有 效 期 限 
} 
if (Request. Cookies["acceTime"] ! = null) 
{ 
Label5. Text = "你 上 次 登录 的 时 间 是 : " + Request. Cookies[" 
acceTime"] .Value + "<p>"; 


Response.Write(" 你 好 ,你 是 第 1 次 光临 本 站 ! 请 登录 .<br>"); 

// 将 新 访问 次 数 写 回 客 户 端 Cookie 

HttpCookie acceNumCookie = new HttpCookie("acceNum", "2"); 
Response. Cookies. Add(acceNumCookie); 

acceNumCookie. Expires = DateTime.MaxValue;// 设置 Cookie 有 效 期 限 


} 
(4) 在 Login. aspx 页 面 的 “设计 ”视图 中 双击 Buttonl 按钮 ,在 Button1_Click 事件 


中 编写 事件 代码 如 下 。Button1_Click 事件 在 用 户 单 击 Button1“ 登 录 ” 按 钮 的 时 候 执 行 。 
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// 将 本 次 登录 的 日 期 和 时 间 , 写 人 客户 端 Cookie 

HttpCookie acceTimeCookie = new HttpCookie("acceTime"，DateTime. Now. ToLongDateString () + 
DateTime. Now. ToLongTimeString()); 

Response. Cookies. Rdd(acceTimeCookie) ; 


// 将 用 户 名 写 人 客户 端 Cookie 
HttpCookie userNameCookie = new HttpCookie("userName"，this.Txt1.Text); 
Response. Cookies. Add( userNameCookie); 


// 设置 Cookie 有 效 期 限 
acceTimeCookie. Expires = DateTime.MaxValue; 
userNameCookie. Expires = DateTime.MaxValue; 


Label3. Text = this.TextBoxl. Text + "你 好 , 登录 成 功 ! 已 在 客户 端 记录 了 您 的 登录 信息 . 
</br>"; 
} 
这 里 将 用 户 的 来 访 信息 用 Label 控件 显示 ,也 可 以 用 Response 对 象 的 Write 方法 把 
信息 直接 输出 到 客户 端 。 例 如 : 
Response. Write(" 你 是 第 ”+ Request. Cookies["acceNum"].Value +" 次 访问 本 站 !"); 
Response. Write(" 您 上 次 登录 的 时 间 是 : ”+ Request. Cookies[ "acceTime"]. Value) ; 


3.2.3 小 结 


(1) 删除 一 个 Cookie 的 方法 可 以 是 设置 一 个 过 期 的 .同名 的 Cookie 来 覆盖 原来 的 
Cookie。 例 如 : 
HttpCookie userNameCookie = new HttpCookie("userName"); 


userNameCookie. Expires = DateTime. Now. AddDays( — 1); 
Response. Cookies. Add( userNameCookie); 


这 里 为 Cookie 设置 了 一 个 一 天 前 的 有 效 期 ,实际 上 是 让 客户 端 浏览 器 来 删除 这 个 过 
期 的 Cookie。 

(2) 把 Cookie 信息 写 到 客户 端 可 以 有 更 简单 的 方法 。 

语法 为 : 

Response. Cookies[ Cookie 名 称 ] . Value = 变量 值 ; 

例如 : 


Response. Cookies[ "userName"] . Value = "小 松鼠 "; // 写 Cookie 
Response. Cookies["acceNum "]. Value= 1; 
Response. Cookies["accetime"] .Value = DateTime. Now.ToString(); 
(3) 注意 用 户 可 以 通过 设置 浏览 器 的 方法 禁用 Cookie。 
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3.2.4 思考 与 练习 

如 图 3-8 所 示 , 在 用 户 登 录 窗口 实现 “ 记 住 状态 ”功能 。 

提示 : 在 用 户 选择 “ 记 住 状态 ”后 将 用 户 登 录 信息 写 入 客户 端 Cookie, 当 用 户 再 次 运 
行 登 录 页 面 时 ,将 从 客户 端 读 回 的 Cookie 信息 事先 写 入 输入 文本 框 。 


加 http://localhost 二 人 国 | bd pal 


了 X 收藏 天 盒 用 广 登 录 责 面 


用 户 登 录 窗口 
用 户 名 ”Rose 上 
密码 生生 自生 四 | 


回 记 住 状态 ” [可 | 


Ty "WE 


图 3-8 思考 与 练习 
任务 3.3 设计 网 站 聊天 室 


任务 目标 


(1) 了 解 Session 对 象 和 Application 对 象 的 属性 .方法 和 事件 。 
(2) 掌握 利用 Session 对 象 和 Application 对 象 在 页 面 间 保存 和 传递 数据 的 方法 。 


3.3.1 Session 对 象 和 Application 对 象 简介 


Session 对 象 和 Application 对 象 实际 上 可 以 看 成 是 在 一 个 Web 应 用 程序 ( 即 一 个 站 
点 ) 的 不 同 页 面 之 间 保 存 数据 、 传 递 数 据 的 变量 。 

Session 对 象 是 用 来 跟踪 .面向 单个 用 户 的 ,也 即 仅 供 某 一 个 用 户 使 用 。Session 对 象 
的 Timeout 属性 可 以 用 来 设置 Session 的 有 效 时 长 。 例 如 ,Session. Timeout 王 10; 表 示 在 
用 户 停止 使 用 应 用 程序 页 面 10 分 钟 后 ,该 Session 对 象 将 因 超 时 被 清除 ,默认 时 长 为 
20 分 钟 。 

Application 对 象 是 共享 的 ,可 以 供 访 问 该 应 用 程序 的 所 有 用 户 使 用 。Application 对 
象 的 生命 有 效 期 为 从 应 用 程序 启动 到 应 用 程序 关闭 (Web server 重启 ) 。 第 一 个 用 户 访 
问 站 点 时 创建 的 Application 对 象 全 程 有 效 , 所 有 访问 本 应 用 程序 的 用 户 都 可 以 使 用 该 
对 象 。 

Session 对 象 是 System. Web. HttpSessionState 类 的 实例 ; Application 对 象 是 System. 
Web. HttpApplicationState 类 的 实例 。 
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3.3.2 聊天 室 首 页 与 简单 计数 器 设计 


下 面 通 过 聊天 室 实例 来 说 明 Session 对 象 和 
Application 对 象 的 应 用 。 在 聊天 室 设计 中 ,可 以 使 
用 Session 对 象 保存 每 个 用 户 的 昵称 .跟踪 单个 用 
户 的 发 言 ; 可 以 使 用 Application 对 象 保 存 公共 发 
言 内 容 \ 设 计 简 单 计数 器 统计 在 线 人 数 等 。 运 行 结 
果 如 图 3-9 和 图 3-10 所 示 。 

(1) 在 E:\0931 目录 下 双击 0931. sln 文件 , 打 进入 耿 天 室 
开 Visual Studio 2005。 在 “解决 方案 “0931”” 下 新 
建 网 站 ,命名 为 Chatroom。 默 认 首页 文件 为 Default. 


aspx。 


0931 聊 天 室 (现在 共有 6 人 在 线 !) 


请 输入 昵称 大 京 浪 


图 3-9 ”聊天 室 首 页 


名品 -ie hespyWlocalhosts376/chatroom0425-16/chataspx ~ + [Xe vesearch PD-| 


认 收 大 夫 “| 仿 饱 天窗 chat 页 入 - 国 :- 忆 下- ”sc2G IRO- 
* | 小 豆子 先生 在 2009/8/14 11:09:13 生 气 的 对 大 虫 说 : 我 真 “ 
局 | 的 生气 了 
当 寂 于 和 村 在 2099/8/1450537 生 全 的 对 大 内 说 : 我 生 
TI 


来 自 127.0.0.1 的 小 虫子 于 2009/8/14 11:03:43 大 驾 光临 

小 松鼠 于 2009/8/14 11:03:26 离 开 聊天 室 了 

小 松鼠 女士 在 2009/8/14 11:03:17 惊 懂 的 对 大 家 说 : 啊 
小 松鼠 女 二 在 2009/8/14 11:00:14 恰 快 的 对 大 家 说 : 各 位 
早上 好 ! 

来 自 127.0.0.1 的 小 松鼠 于 2009/8/14 10:59:18 大 驾 光 临 

大 藉 狼 先生 在 2009/8/14 10:58:07 生 气 的 对 大 虫 说 : 早 ! 
来 自 127.0.0.1 的 大 灰 狼 于 2009/8/14 10:57:35 大 驾 光 临 

本 | 大 中 先生 在 2009/8/14 10:57:17 答 快 的 对 大 家 说 : morning! 
来 自 127.0.0.1 的 大 虫 于 2009/8/14 10:56:49 大 驾 光 临 因 


If 加 er 


山 


1 


图 3-10 ”Chat. aspx 页 面 运行 结果 


(2) 为 Default. aspx 添加 窗 体 控 件 , 切 换 到 “设计 ”视图 ,从 左 侧 工具 箱 标 准 组 中 拖 出 
2 个 Label 控件 、1 个 TextBox 控件 ,1 个 Button 控件 ,最 后 给 输入 昵称 的 TextBox 文本 
框 加 必 填 验证 。 聊 天 室 首页 控件 设计 可 以 参见 图 3-9。 

Default. aspx 实现 代码 如 下 : 


< htm]l xmlns = "http://www. w3.org/1999/xhtml" > 
< head runat = "server"> 

<title> 聊 天 室 首页 </title> 
</head> 
<body> 

< form id = "form1”runat = "server"> 

<div> 

<asp:Label ID = "Lab0" runat = "server" Text = "0931 聊天 室 "></asp:Label> 
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<asp:Label ID = "Labl" runat = "server" Text = ""></asp:Label> 
<p> 请 输入 昵称 <asp:TextBox ID = "Txt1”runat = "server"></asp:TextBox></p> 
<asp:Button ID = "Btn1” runat = "server"” Text = " 进 和 人 聊天 室 " OnClick = "Btnl_Click" /> 
< asp: RequiredFieldValidator ID = "Requl" ControlToValidate = "Txtl1"” runat = 
"server" ErrorMessage = "< br> 必 须 输入 昵称 !"></asp:RequiredFieldValidator > 
</div> 
</form> 
</body> 
</html > 


其 中 ,RequiredFieldValidator 必 填 验证 控件 的 使 用 参见 任务 4. 1 。 
(3) 在 “设计 ”视图 中 双击 Btnl 按钮 ,在 Default. aspx. cs 中 编写 如 下 事件 代码 : 


protected void Page_Load(object sender, EventArgs e) 
{ 

if (Application["user_online"] = =null) 

{ 

Application[ "user online"] = 0; 

} 

Application["user online"] = (int)Application["user online"] + 1; 

Labl. Text = "(现在 共有 "+ Application["user_online"].ToString() +" 人 在 线 !)"; 
} 
protected void Btnl_Click(object sender, EventArgs e) 


{ 
if (Page. IsPostBack) // 页 面 数 据 回 传 
{ 
// 将 用 户 昵称 保存 到 Session 对 象 中 
Session["User_name" ] = this.Txt1l.Text; 
// 重 定向 到 聊天 室 主 页 面 
Response. Redirect("chat.aspx" ) 7 
} 
} 
说 明 : 


O@ 在 Page_Load() 事 件 代码 中 ,Application[ "user_online"] 一 0; 用 来 给 Application 对 
象 赋 初 值 。 这 里 用 Application 对 象 设 计 了 一 个 简单 的 站 点 计数 器 ,统计 当前 的 在 线 人 
数 , 每 加 载 一 次 本 页 面 ,Application["user_online"] 加 1。 

@ 在 Btnl_Click() 事 件 代码 中 ,if (Page. IsPostBack) 为 true 时 ,表示 页 内 有 数据 提 
交 传 送 ,而 非 首 次 加 载 页 面 , 详 细 说 明 可 参照 任务 3. 1 。 

@ Session[ "User_name"] 一 this. Txtl. Text 是 把 用 户 输入 的 昵称 保存 到 一 个 
Session 对 象 中 。 想 想 为 什么 不 能 把 昵称 保存 到 一 个 Application 对 象 中 ? 


3.3.3 构建 登录 字符 串 与 发 言 字符 串 


(1) 创建 Chat. aspx 页 面 文件 ,页 面 分 框架 界面 设计 参照 图 3-10。 
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Chat. aspx 实现 代码 如 下 : 


<html xmlns = "http://www. w3.org/1999/xhtml" > 
<head runat = "server"> 
<title> 聊 天 室 Chat. aspx 主页 面 </title> 
</head> 
<Frameset cols = "120, *" rows="#*"> 
<Frame name = "say" src= "Inputwin.aspx"> 
<Frame name = "message" src= "Showwin. aspx"> 
</Frameset > 
</html> 


这 是 一 个 HTML 语言 编写 的 分 框架 页 面 程序 , 它 把 一 个 窗口 分 成 了 两 个 。 左 半 窗 
口 用 来 存放 输入 发 言 内 容 的 页 面 文件 Inputwin. aspx, 右 半 窗 口 用 来 存放 显示 聊天 内 容 
的 页 面 文件 Showwin. aspx。 

(2) 构建 登录 消息 字符 串 。 在 Chat. aspx. cs 的 Page_Load 事件 中 编写 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 


{ 
string user name= (string)Session[ "user name"]; // 取 用 户 昵称 


string sayStr = "来 自 " + (string)Request. ServerVariables[ "REMOTE_ADDR" ] + "的 "; 
sayStr = sayStr + "<b><font color=red>" + user name + "</font></b>"; 
sayStr = sayStr + "于 " + DateTime. Now + "大 驾 光 临 ”; 


Application. Lock( ); 
Application["show"] = sayStr + "<br>" + Application["show"];// I=I+1 
Application. UnLock( ); 

} 


这 里 构建 了 一 个 登录 消息 字符 串 sayStr, 并 且 把 它 放 到 了 一 个 共享 的 Application 
["show"] 对 象 中 ,注意 I=I 十 1 的 写法 。Lock() 与 UnLock() 是 Application 对 象 的 方 
法 ,在 使 用 Application 对 象 前 后 分 别 用 来 加 锁 和 解锁 ,以 防止 出 现 多 个 用 户 同时 修改 的 
情况 。string user_name 二 (string) Session[ "user_name"]; 是 把 用 户 昵 称 从 Session 对 象 
中 取出 来 。 

(3) 构建 发 言 内 容 字 符 串 。 创 建 输入 发 言 内 容 的 页 面 文件 Inputwin. aspx。 为 
Inputwin. aspx 页 面 添加 控件 ,控件 布局 可 以 参见 图 3-10 Chat. aspx 页 面 运 行 结 果 界 面 
的 左 侧 窗口 。 这 里 用 了 两 个 DropDownList 下 拉 列 表 框 控件 .分别 用 来 选择 发 言 人 性 别 
和 发 言 时 的 心情 ; 一 个 单行 TextBox 控件 (对 谁 说 ); 一 个 多 行 TextBox 控件 (发 言 内 
容 ); 一 个 Button 按钮 (发 言 提交 )。 最 后 给 输入 发 言 内 容 的 TextBox 加 必 填 验证 控件 。 

Inputwin. aspx 页 面 主要 代码 如 下 : 

< form id= "forml”runat = "server"> 

<div> 
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< asp:Image ID = "Imagel" runat = "server" Height = "99px" ImageUrl = "~/images/girl. jpg" 
Width= "123px" /><br /> 
性 别 : <asp:DropDownList ID = "sex”runat = "server" Width = "63px"> 
<asp:ListItem Value = "女士 "> Girl </asp:ListItem> 
<asp:ListItem Value= "先生 "> Boy </asp:ListItem> 
</asp:DropDownList><br /> 
心情 : <asp:DropDownList ID = "sayemotional" runat = "server" Width = "64px"> 
<asp:ListItem> 愉 快 </asp:ListItem> 
<asp:ListItem> 生 气 </asp:ListItem> 
<asp:ListItem> 惊 慌 </asp:ListItem> 
<asp:ListItem> 无 表情 </asp:ListItem> 
</asp:DropDownList><br /> 
说 话 内 容 : <asp: TextBox ID = "Txt2" runat = "server" Columns = "30" TextMode = "MultiLine" 
Height = "25px" Width = "129px"></asp:TextBox><br /> 
对 : < asp:TextBox ID = "Txt1l”runat = " server"” Text = "大 家 " Columns = "10" Width = 
"62px"></asp:TextBox> 
<asp:Button ID = "Btn1" runat = "server" Text = "发 言 " OnClick = "Btnl_Click" /> 
< asp: RequiredFieldValidator ID = " Requl”ControlToValidate = "Txt2" runat = 
"server" ErrorMessage = "必须 输入 发 言 内 容 !"></asp:RequiredFieldValidator >< br /> 
<a href = "exit.aspx" target = "top"> 我 要 离开 聊天 室 </a>< br /> 
</div> 
</form> 


在 “设计 ”视图 中 双击 Btn1( 发 言 ) 按 钮 ,在 Inputwin. aspx. cs 文件 的 Btnl_Click 事件 


中 编写 代码 如 下 : 
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protected void Btnl_Click(object sender, EventArgs e) 
{ 
if (Page. IsPostBack = = true) // 有 页 面 数据 回 传 
‘ 
String ssex, emotion, who; 
// 获 取 性 别 
ssex = Sex. SelectedItem. Value; 
// 获 取 发 言 时 心情 
emotion = sayemotional.SelectedItem. Text + "的 "; 
// 获 取 对 谁 说 
who = "对 " + "<b>" + Txtl.Text + "</b>"; 
// 构 建 发 言 字符 串 : 
String sayStr = "< font size= '3'color = '00ff00><b>" + (string)Session["user name"]; 
sayStr = sayStr + ssex + "</b></font> 在 " + DateTime.Now + emotion + who +" 说:"; 
sayStr = sayStr + this.Txt2.Text; 
Application. Lock( ); 
Application["show"] = sayStr + "<br>" + (string)Application["show"]; 
Application. UnLock( ); 
// 将 发 言 框 清 空 
this. Txt2. Text = ""; 


} 
构建 的 sayStr 发 言 内 容 字 符 串 也 放 到 了 Application["show"] 对 象 中 , 即 所 有 登录 字 
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符 串 和 发 言 字 符 串 是 放 在 同一 个 Application["show"] 对 象 中 的 。 
(4) 创建 显示 发 言 字符 串 和 发 言 内 容 的 页 面 文件 (Showwin. aspx) ,实现 代码 如 下 : 


< html xmlns = "http://www. w3.org/1999/xhtml" > 
<head runat = "server"> 
<meta http - equiv = "refresh" content = "10"/> 
<title> 显 示 发 言 字符 串 和 发 言 内 容 的 页 面 </title> 
</head> 
< body> 
< form id = "forml”runat = "server"> 
<div> 
</div> 
</form> 
</body> 
</htnl > 


这 里 的 二 meta http-equiv 王 "refresh"content 王 "10"/ 二 表示 每 隔 10 秒 自动 刷新 页 面 


一 次 ,用 以 不 断 更 新 页 面 内 容 。 
在 Showwin. aspx. cs 的 Page_Load 事件 中 编写 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 
// 在 页 面 上 输出 Application["show" ] 的 值 
Response. Write( (string)Application[ "show" ]); 


} 
(5) 为 离开 聊天 室 页 面 的 Exit. aspx. cs 文件 编写 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 

{ 
// 构 建 离开 消息 字符 串 , 仍 保存 在 Application["show"] 中 
string sayStr ="<b>" + (string)Session["user_name"] + "</b>"; 
sayStr = sayStr + "于 " + DateTime. Now + "离开 聊天 室 "; 
sayStr = "< font color = 'green>" + sayStr + "</font>"; 
Application. Lock( ); 
//1=1I+1 
Application["show"] = sayStr +"<br>" + (string)Application["show"]; 
// 在 线 人 数 减 1 
Application[ "user online"] = (int)Application["user online"] -1; 
Application. UnLock( ); 
Response. Redirect ("Default. aspx"); 

} 


(6) 运行 聊天 室 首页 文件 Default. aspx。 


3.3.4 小 结 


(1) 聊天 室 是 Session 对 象 和 Application 对 象 应 用 的 典型 实例 。 其 他 应 用 的 场合 还 
有 : 用 户 登录 .购物 车 、 站 点 计数 器 等 。 这 两 个 对 象 用 来 保持 (保存 和 传递 ) 特 定 用 户 或 所 
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有 用 户 的 状态 信息 。 

(2) Session 对 象 和 Application 对 象 的 常用 事件 有 : Session_OnStart、Session_OnEnd 和 
Application_OnStart、Application_OnEnd, 每 一 个 事件 过 程 都 有 特定 的 激活 时 机 ,它们 通 
常 放 在 应 用 程序 的 Global. asax 文件 中 使 用 ,可 用 来 设计 一 个 站 点 计数 器 。 


3.3.5 思考 与 练习 


1. 修改 程序 ,使 得 在 聊天 室 发 言 输入 窗口 选择 性 别 为 Boy 时 ,上 方 的 图 像 随 之 转换 
为 一 个 男孩 的 头像 。 

“2. ASP.NET 的 Global. asax 文件 用 来 存放 Session 对 象 和 Application 对 象 的 事件 
过 程 。 参 考 .NET 2. 0 帮助 文档 ,使 用 Global. asax 文件 设计 实用 站 点 计数 器 。 注 意 
Global. asax 是 应 用 程序 级 的 文件 ,必须 放 在 应 用 程序 的 根 目录 下 。 

本 题 为 选 做 题 (用 x ”标注 )。 
提示 : 与 简单 计数 器 比较 ,实用 计数 器 需要 统计 记录 访问 站 点 的 总 人 数 ,并 在 Web 
server 关闭 前 将 总 人 数 保存 在 一 个 文本 文件 中 。 
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任务 4.1 验证 控件 和 验证 码 控件 


任务 目标 
(1) 掌握 ASP.NET 验证 控件 的 作用 和 使 用 方法 。 
(2) 了 解 常用 第 三 方 控件 ,掌握 验证 码 控件 的 使 用 方法 。 


4.1.1 控件 概述 


ASP.NET 内 置 控件 有 两 大 类 : HTML 服务 器 控件 和 Web 服务 器 控件 。 

比如 过 input id 三 "Textl" type 王 "text" runat 一 "server"/ 二 就 表示 一 个 HTML 服务 
器 控件 。 它 与 HTML 控件 的 不 同 之 处 在 于 有 一 个 新 增 的 属性 runat 二 "server", 只 有 加 
了 runat 一 "server" 属 性 ,ASP.NET 才 会 处 理 它 。HTML 服务 器 控件 位 于 System. Web. 
UI. HtmlControls 命名 空间 中 ,是 由 HtmlControls 类 派生 的 。 

而 过 asp:Label ID=="Labell" runat 二 "server" Text 二 "Label" 记 二/asp:Label 二 就 
表示 一 个 Web 服务 器 控件 。Web 服务 器 控件 提供 了 统一 的 事件 方法 和 编程 模式 ,所 以 
在 ASP.NET 的 Web 页 面 表单 设计 中 ,常用 的 是 Web 服务 器 控件 。Web 服务 器 控件 位 
于 System. Web. UI. WebControls 命名 空间 中 ,是 由 WebControls 类 派生 的 。 

第 三 方 控件 是 由 微软 之 外 的 公司 或 个 人 开发 的 控件 , 它 弥补 了 ASP.NET 内 置 控件 
的 缺陷 和 不 足 。 网 络 上 提供 了 很 多 优秀 的 、 免 费 的 第 三 方 控 件 , 比 如 FCKeditorCHTML 
在 线 文 本 编辑 器 ) .My97DatePicker(JS 版 日 历 控 件 )、AspNetPager( 分 页 控件 )、WebValidates 
(验证 码 控件 ) 等 。 在 本 书后 续 章 节 中 ,还 有 大 量 应 用 第 三 方 控件 的 实例 。 


4.1.2 验证 控件 与 用 户 注 册页 面 


ASP.NET 2.0 提供 了 以 下 5 种 验证 控件 和 1 个 汇总 控件 。 它 们 是 : RequiredField 
Validator( 非 空 验证 控件 ) .CompareValidator( 比 较 验证 控件 )、RangeValidator( 范 围 验 i 
控件 ) ,RegularExpressionValidator( 正 则 验证 控件 )、CustomValidator( 用 户 自 定义 验证 
控件 )、ValidationSummary( 错 误 信 息 汇 总 控件 )。 

验证 控件 位 于 工具 箱 的 “验证 ”组 中 。 下 面 通过 一 个 用 户 注 册页 面 来 说 明 主 要 验证 
控件 的 使 用 。 

(1) 创建 ASP.NET 应 用 程序 。 

在 E:\0931 目录 下 双击 0931. sln 文件 ,运行 Visual Studio 2005。 在 “解决 方案 资源 
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管理 器 ”面板 中 , 右 击 “解决 方案 “0931””, 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 网 站 ” 
命令 ,新 建 Chap4 站 点 。 


(2) 在 站 点 Default. aspx 页 面 上 先 添加 一 个 6 行 2 列 的 表格 ,并 添加 控件 (包括 验证 


控件 ) ,设计 用 户 注册 界面 。 
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Default. aspx 主要 代码 如 下 : 


< form id = "forml" runat = "server"> 
<div> 
<table> 
<tr>< td> 用 户 名 </td> 
<td><asp:TextBox ID = "txtLoginName" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvLoginName" runat = "server" ErrorMessage = "请 
输入 用 户 名 " ControlTbValidate = "txtLoginName"> * </asp:RequiredFieldValidator></td></tr> 
<tr>< td> 密 码 </td> 
<td><asp:TextBox ID = "txtLoginpwd" runat = "server" TextMode = "Password"> 
</asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvLoginPwd" runat = "server” ErrorMessage = "请 
输入 密码 "” ControlTbValidate = "txtLoginPwd"> * </asp:RequiredFieldValidator ></td></tr> 
<tr><td> 确 认 密码 </td> 
<td><asp:TextBox ID = "txtPwdAgain" runat = "server" TextMode = "Password"> 
</asp:TextBox> 
< asp:RequiredFieldValidator ID = "rfvPwdAgain" runat = "server" ErrorMessage = 
"请 输入 确认 密码 " ControlTbVal idate = "txtPwdAgain"> * </asp:RequiredFieldValidator> 
<asp:CompareValidator ID = "cvPwdAgain" runat = "server" ErrorMessage = "两 
次 密码 不 一 致 " ControlToValidate = "txtPwdAgain" ControlToCompare = "txtLoginPwd"> * </asp: 
CompareValidator ></td></tr> 
<tr><td> QQ0</td> 
<td><asp:TextBox ID = "txtQ0" runat = "server"></asp:TextBox> 
<asp: RequiredFieldValidator ID = "rfvQQ" runat = "server" ErrorMessage = 
"请 输入 QQ" ControlToValidate = "txtQ0"> * </asp:RequiredFieldValidator > 
<asp:RegularExpressionValidator ID = "revQQ" runat = "server" ErrorMessage = "QQ 
格式 错误 ”ControlTbValidate = "txtQ0" ValidationExpression = "\d*x "> * </asp:RegularExpression 
Validator ></td></tr> 
<tr><td>E MAIL </td> 
<td><asp:TextBox ID = "txtEmail" runat = "server"></asp:TextBox> 
< asp:RequiredFieldValidator ID = "rfvEmail" runat = " server”ErrorMessage = 
"请 输入 E_MAIL 地 址 " ControlToValidate = "txtEmail"> * </asp:RequiredFieldValidator> 
< asp:RegularExpressionValidator ID = "revEmail" runat = "server" ErrorMessage = "E_ 
MAIL 地 址 格式 错误 " ControlToValidate = "txtEmail" ValidationExpression = "\w+ ([ 一 ++.']\w+)x* 
@\w+([-.]Nw+)*N.Nw+([-.]Nw+ )* ">#</asp:RegularExpressionValidator></td></tr> 
<tr><td><asp:ValidationSummary ID = "vsRegister" runat = " server”ShowMessageBox = 
"true" ShowSummary = "false"/></td> 
<td> < asp: Button ID = "btnSubmit”runat = "server" Text = "提交 " OnClick = 
"btnSubmit Clickl” /></td></tr> 
</table> 
</div> 
</form> 
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说 明 : 

GD RequiredFieldValidator 控件 对 用 户 名 输入 进行 必 填 验 证 。ControlToValidate 属 
性 指定 被 验证 的 控件 是 "txtLoginName"。ErrorMessage 属性 显示 不 能 通过 验证 时 的 错 
误 信息 。 

@ CompareValidator 控件 用 来 比较 控件 的 值 。ControlToValidate 属性 指定 被 验证 
的 控件 是 "txtPwdAgain", 而 ControlToCompare 属性 指定 了 要 与 之 比较 的 控件 是 
"txtLoginPwd" 。 

图 RegularExpressionValidator 控件 用 来 验证 
输入 数据 格式 是 否 匹 配 某 种 特定 的 模式 (正则 表达 


式 )。 右 击 RegularExpressionValidator 控件 ,打开 (Custom) 


Internet URL 
电子 


RegularExpressionValidator 控件 的 属性 窗口 , 单 击 
ValidationExpression 属性 右 侧 的 小 矩形 按钮 , 即 可 验证 计 达 趟 (Rl: 
弹出 “正则 表达 式 编辑 器 ”对 话 框 ,选择 要 使 用 的 正 EW 二 国 e 的 的 se 
则 表达 式 就 可 以 了 ,如 图 4-1 所 示 。 ei] ee 

@ ValidationSummary 控件 用 于 集中 显示 来 自 
所 有 验证 控件 的 错误 信息 。 


4.1.3 使 用 验证 码 控件 


本 书 使 用 的 是 WebValidates 验证 码 控件 (在 其 官方 网 站 免费 下 载 WebValidates. dll 
文件 即 可 )。 使 用 第 三 方 控件 的 一 般 步骤 如 下 。 

1. 下 载 . dll 文件 并 添加 到 工具 箱 

在 Visual Studio 2005 的 “解决 方案 资源 管理 器 "面板 中 , 右 击 站 点 Chap4, 在 弹出 的 
快捷 菜单 中 选择 “添加 ASP.NET 文件 夹 ”>Bin 命令 。 在 弹出 的 对 话 框 中 右 击 “Bin 文件 
夹 ”, 在 弹出 的 快捷 菜单 中 选择 “添加 引用 ”命令 ,在 弹出 的 “添加 引用 ”对 话 框 中 ,选择 “ 浏 
览 ”选项 卡 ,找到 WebValidates. dll 文件 并 添加 到 Bin 文件 夹 下 。 

右 击 工具 箱 中 的 任 一 控件 组 ,比如 这 里 右 击 “ 验 证 组 ”, 在 弹出 的 快捷 菜单 中 选择 “ 选 
择 项 ”命令 ,弹出 “选择 工具 箱 项 ”对话 框 ,选择 .NET Framework 组 件 ” 选 项 卡 ,如 图 4-2 所 
示 。 单 击 “ 浏 览 ” 按 钮 ,在 弹出 的 对 话 框 中 选择 添加 Bin 文件 夹 下 WebValidates. dll 文件 。 

操作 完成 后 ,在 工具 箱 验 证 组 中 可 以 看 到 SerialNumber 控件 ,此 时 该 控件 就 可 以 像 
其 他 ASP.NET 控件 一 样 正常 使 用 了 。 

2. 向 页 面 拖 放 控件 并 注册 

在 Default. aspx 页 面 增加 一 行 表格 行 并 拖 和 人 SerialNumber 控件 。 可 以 看 到 Default. 
aspx 页 面 上 方 自动 增加 了 一 行 控件 注册 代码 : 


图 4-1 “正则 表达 式 编辑 器 ”对 话 框 


<% @ Register Assenbly = "WebValidatesn Nanespace = "WebValidates" Tagprefix= "ccl" $%> 
属性 Assembly、Namespace、TagPrefix 分 别 表示 注册 的 控件 名 、 命 名 空间 、 标 签 
前 级 。 
Default. aspx 页 面 中 新 增 的 表格 行 以 及 验证 码 控件 代码 如 下 : 
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.NET Framework 组 件 COM 组 件 | 


命名 宝 间 _ 程 序 集 名 称 
Microsoft.VisualBasi.. Microsoft.Visua... 
ScalarMiningSs... Microsoft.Analysi 
加 SCREventlog CrystalDecisions.Cry... 
ScriptManager System.Web.UI 
到 ScriptManager System.Web.UI 
赎 scriptManage... System.Web.UI 
ScriptManage... System.Web.UI 
图 ScrollableCon... System.Windows.Fo. 
闭 SelectionList System.Web.ULMob... 
加 sendActivity System.Workflow.Ac... 


WebValidates 


SerialNumber 
闪 语言 : 固定 语言 ( 固 羡 国 宁 / 地 区 ) 
版 本 : 1.0.2231.17965 (发 布 ) 


图 4-2 “选择 工具 箱 项 ”对 话 框 
<tr> 
< td> 验 证 码 </td> 
<td><asp:TextBox ID= "txtCode" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvCode" runat = "server” ErrorMessage = "请 输入 
验证 码 " ControlToValidate = "txtCode">* </asp:RequiredFieldValidator> 
<ccl:SerialNumber ID = "SnCode" runat = "server"></ccl:SerialNumber > 
<asp:LinkButton ID = "LinkButton1" runat = "server" OnClick = "LinkButtonl_Click1"> 看 不 
清 换 一 张 </asp:LinkButton></td> 
</tr> 


3. 编写 代码 生成 验证 码 
在 Default. aspx. cs 文件 中 编写 如 下 代码 : 


public partial class _Default : System. Web. UI. Page 
{ 
protected void Bage Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
SnCode. Create(); // 首 次 加 载 生 成 验证 码 


protected void btnSubmit Click(object sender, EventArgs e) 
{ 
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if (Page. IsValid) 


证 (!CheckCode() ) 


{ 
Response. Write("< script> alert( ' 验 证 码 错 误 !')</script >"); 


} 


. 


protected void LinkButton1_Click(object sender, EventArgs e) 


SnCode. Create(); // 生 成 新 验证 码 


} 


private bool CheckCode( ) 


{ 
证 (SnCode. CheckSN(txtCode. Text. Trim())) // 判 断 验证 码 输入 是 否 正确 


{ 
return true; 


. 


else 


{ 
SnCode. Create( ); ”// 假 如 验证 码 输入 不 正确 , 则 生成 新 验证 码 


return false; 


} 
运行 Default. aspx, 运 行 效果 如 图 4-3 和 图 4-4 所 示 。 


| B Mir Si Wndows ntemet . [clei 


SO | rr/oonor -I 
| 


| 吝 收 天。 全 给 Us 件 与 验证 码 控件 但- 


4 |X 四 ese 


中 密码 * 


QQ be 习 
E_MAIL 本 
验证 码 , 7 二 ar 


乌 。 看 不 清 换 一 张 


4-3 ”用户 注册 页 面 的 验证 和 验证 码 控件 4-4 来 自 Web 页 的 出 错 消 息 


4.1.4 小 结 


使 用 WebValidates 验证 码 控件 时 ,应 注意 SnCode. Create() .SnCode. CheckSN() 的 
49 


ASP NET 动态 网 站 开发 项 目 化 教程 


用 法 。SnCode 是 验证 码 控件 的 ID,Create() 和 CheckSN() 是 WebValidates 验证 码 控件 
(类 ) 中 自 带 的 方法 。 代 码 SnCode. CheckSN(txtCode. Text. Trim()) 表 示 检 查 比 较 用 户 
在 文本 框 中 输入 的 验证 码 , 它 返回 的 是 一 个 bool 类 型 的 值 。 


4.1.5 思考 与 练习 
为 用 户 登录 页 面 添 加 输入 数据 验证 功能 和 验证 码 功能 。 


任务 4.2 日 历 控件 和 JS 版 日 历 控 件 


任务 目标 
(1) 了 解 ASP.NET 日 历 控件 。 
(2) 掌握 JS 版 日 历 控件 的 作用 和 使 用 方法 。 


4.2.1 Calendar 日 历 控 件 


使 用 日 历 控 件 可 以 省 去 手工 输入 日 期 的 麻烦 。 在 ASP.NET 服务 器 控件 中 ,有 一 个 
Calendar 控件 , 它 使 用 简便 。 

在 站 点 Chap4 下 创建 一 个 Calendar. aspx 页 面 ,并 在 页 面 上 拖 放 一 个 用 来 输入 日 期 
的 TextBoxl 控件 ,一 个 Calendarl 日 历 控件 。 在 页 面 运 行 时 , 当 用 户 在 Calendarl 控件 
上 选择 日 期 后 会 触发 SelectionChanged 事件 。 在 Calendar. aspx. cs 文件 中 编写 如 下 
SelectionChanged 事件 代码 可 将 用 户 选择 的 日 期 赋值 给 TextBoxl 控件 。 

protected void Calendar1_SelectionChanged(object sender, EventArgs e) 


{ 
TextBox1. Text = Calendar1. SelectedDate.ToString (); 


Calendar. aspx 运行 效果 如 图 4-5 所 示 。 


4.2.2 JS 版 日 历 控件 Ge -Bl 


痪 由 对 | 局 Calendar 控 件 


My97DatePicker JavaScript (JS) 版 日 历 控 
件 是 一 款 功能 强大 的 第 三 方 控件 。JS 版 日 历 控 
件 可 以 从 它 的 官方 网 站 http://www. my97. net 
免费 下 载 。 须 将 下 载 的 整个 My97DatePicker 文 
件 夹 放 到 Web 站 点 根 目录 下 才 可 使 用 ,如 图 4-6 
所 示 。 

在 站 点 Chap4 下 创建 JSCalendar. aspx 页 
面 文件 ,在 页 面 中 添加 一 个 TextBox 控件 用 来 输 
和 日期。 在 JSCalendar. aspx 中 编写 如 下 代码 : 


< htm]l xmlns = "http://www.w3.org/1999/xhtml"> 图 4-5 Calendar 控件 运行 效果 
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< head runat = "server"><title>dS 日 历 控件 </title></head> 
<body> 
< script language = " javascript" type = " text/javascript" src = " MY97DatePicker/ 
WdatePicker. js"></script> 
< form id = "forml" runat = "server"> 
< div> 输 入 日 期 : 
<asp:TextBox ID = "TextBox1l" runat = "server" CssClass = "Wdate" Text=" " 
onFocus = "new WdatePicker(this, '%Y-%M-%D %h:%m',true, 'default')"> 
</asp:TextBox> 
</div> 
</form> 
</body> 
</html > 


这 里 的 onFocus 事件 表示 当 光 标 移动 到 TextBoxl 控件 上 时 ,就 会 激活 、 显 示 JS 版 
日 历 控 件 。 
运行 JSCalendar. aspx, 页 面 运行 效果 如 图 4-7 所 示 。 


衣 沁 访 案 帘 源 管理 只-EXChap 人 “” 国 
EEEGEED 


EJ]E\Chap4\ 


名 App_Data 儿 /日历 给 件 - Windows Internet., ea 中 | 
a BS Bin < 
| 上 a App_Licenses.dll @] httpy/localhost -| 4+ X 
| 申 - 全 FredCK.FCKeditorV2.dIl 3 
| + a FreeTextBox dll | 高 mk 以/s9 历 演 作 i 
| 四 A WebValidates.dIl 吏 
: a fckeditor 和 输入 日 期 : |200909262136| 国 
BS My97DatePicker i 
| 昌国 lang 1 九 月 2009 pp 
| skin EE | 
tw | 
Bess ER 
| 上 国 configjs . 
me 国 My97Datepickerhtm 3 1415 1 17 1 19 
| 习 Wdatepickerjs »2122»3 1» 
FB Uploadimage 27 28 29 30 
| F 国 moviejpg 
| 上 国 movieljpg ae EL 是 
图 4-6 ”站 点 Chap4 目录 结构 图 4-7 JS 日 历 控 件 运行 效果 


4.2.3 小 结 


较 之 Calendar 控件 ,JS 版 日 历 控件 设计 美观 功能 强大 , 且 在 用 户 选择 日 期 时 不 会 造 
成 页 面 频繁 回 传 (刷新 ) 。 


4.2.4 思考 与 练习 
为 用 户 注册 页 面 添加 * 出 生日 期 ”一 栏 ,并 使 用 JS 日 历 控件 帮助 用 户 输入 日 期 。 
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任务 4.3 在 线 文 本 编辑 控件 


任务 目标 
了 解 在 线 文 本 编辑 环境 FCKeditor 的 使 用 方法 。 
4.3.1 下 载 安装 FCKeditor 控件 


FCKeditor 是 当前 网 络 上 最 流行 的 HTML 在 线 文 本 编辑 器 ,其 功能 齐全 ,支持 多 种 
开发 语言 ,支持 多 种 浏览 器 ,是 一 个 具有 开放 接口 的 国外 开源 项 目 。 本 书 在 后 续 的 新 闻 网 
站 和 博客 日 志 网 站 开发 中 ,在 输入 、 编 辑 新 闻 内 容 和 日 志文 章 时 ,将 用 它 对 文本 格式 进行 
设置 、 上 传 新 闻 图 片 。 

FCKeditor 可 在 它 的 官方 网 站 http://www. fckeditor. net 免费 下 载 。 

(1) 下 载 FCKeditor_2. 6. 4. 1. zip 和 FCKeditor. Net_2. 6. 3. zip 压缩 包 。 

(2) 将 FCKeditor_2. 6.4.1.zip 解压 ,可 以 得 到 一 个 以 fckeditor 命名 的 文件 夹 , 把 它 
放 到 Web 层 (站 点 ) 的 根 目录 下 ,如 图 4-6 所 示 。 

(3) 将 FCKeditor Net_2. 6. 3. zip 解压 ,在 其 BIN/debug/2.0 中 寻找 dl 文件 ,将 FredCK. 
FCKeditorV2. dll 文件 添加 到 工具 箱 。 

在 Visual Studio 2005 的 “解决 方案 资源 管理 器 "面板 中 , 右 击 站 点 Chap4, 在 弹出 的 
快捷 菜单 中 选择 “添加 ASP.NET 文件 夹 ” 一 Bin 命令 。 右 击 “Bin 文件 夹 ”, 在 弹出 的 快捷 
菜单 中 选择 “添加 引用 ”命令 ,弹出 “添加 引用 ”对 话 框 ,选择 “浏览 ”选项 卡 , 找 到 FredCK. 
FCKeditorV2. dll 文件 并 添加 到 Bin 文件 夹 中 。 

右 击 工具 箱 中 的 任 一 控件 组 ,比如 这 里 右 击 “ 验 证 组 ”, 在 弹出 的 快捷 菜单 中 选择 “ 选 
择 项 ”命令 ,弹出 “选择 工具 箱 项 ”对 话 框 ,选择 “.NET Framework 组 件 ” 选 项 卡 , 单 击 “ 浏 
览 ” 按 钮 ,在 弹出 的 对 话 框 中 选择 添加 Bin 文件 夹 下 的 FredCK. FCKeditorV2. dll 文件 。 

操作 完成 后 ,在 工具 箱 验证 组 中 可 以 看 到 FCKeditor 控件 ,就 可 以 像 其 他 ASP.NET 
控件 一 样 使 用 了 。 

(4) 配置 FCKeditor。 

修改 fckeditor\editor\filemanager\connectors\aspx 文件 夹 下 的 config. ascx 文件 ， 
将 方法 CheckAuthentication() 中 的 “return false” 改 为 “return true”。 

修改 fckeditor 文件 夹 下 fckconfig.js 文件 代码 如 下 : 

Var _FileBrowserLanguage = 'aspx'; 

Var QuickUploadLanguage = 'aspx'; 


(5) 修改 Web. config 站 点 配置 文件 代码 如 下 : 


<configuration> 
<appSettings> 
<add key = "FCKeditor:BasePath" value = "~ /fckeditor/" /> 
<add key = "FCKeditor:UserFilesPath" value= "~ /UploadImage/" /> 
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</appSettings> 
< connectionStrings/> 


其 中 ,第 一 个 应 用 程序 设置 名 称 BasePath 与 值 *~/FCKeditor/” 指 明了 FCKeditor 
文件 夹 的 路 径 ; 第 二 个 应 用 程序 设置 名 称 UserFilesPath 与 值 “ 一 /UploadImage/” 则 自 定 
义 了 上 传 图 像 的 文件 夹 名 称 。 

也 可 以 在 Visual Studio 2005 菜单 栏 中 选择 “网 站 ”一 “ASP.NET 配置 ”命令 ,在 弹出 
的 “ASP.NET 网 站 管理 工具 ”对 话 框 中 选择 “应 用 程序 配置 ”, 在 随后 打开 的 “应 用 程序 ” 
页 面 中 单 击 “ 创 建 应 用 程序 设置 ,在 “应 用 程序 设置 ”下方 的 文本 框 中 输入 相应 的 名 称 与 
值 , 单 击 “ 保 存 ” 按 钮 确认 即 可 。 

Web. config 站 点 配置 文件 的 详细 说 明 参 见 任务 9. 1 和 任务 9. 2 。 


4.3.2 在 发 表 文章 页 面 使 用 FCKeditor 控件 


下 面 以 一 个 发 表 日 志文 章 的 页 面 为 例 说 明 FCKeditor 控件 的 使 用 方法 。 

在 站 点 下 创建 IssueArticleFCKeditor. aspx 页 面 文件 ,在 页 面 上 拖 放 添加 2 个 Label 
控件 、1 个 TextBox 控件 、1 个 FCKeditor 控件 。IssueArticleFCKeditor. aspx 页 面 主要 代 
码 如 下 : 


< 有 @ Page Language = "C#" AutogventWireup = "true" Codebehind = "IssueArticleFckeditor. 
aspx.cs" 
Inherits = " IssueArticleFckeditor" ValidateRequest = "false" %> 
<%@ Register Assembly = " FredCK. FCKeditorV2" Namespace = " FredCK. FCKeditorV2" TagPrefix = 
"FCKeditorV2" %> 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head runat = "server"> 
<title> 发 表 日 志文 章 </title> 
</head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<asp:Label ID = "Labell" runat = "server" Text = "日 志 标题 "></asp:Label> 
<asp:TextBox ID = "txt_title" runat = "server"></asp:TextBox>< br /> 
< asp:Label ID = "Label2" runat = "server" Text = "日 志 正 文 "></asp:Label ><br /> 
<FCKeditorV2:FCKeditor ID = "FCKeditor1" runat = "server" BasePath = "~/Fckeditor/" 
Height = "280px"></FCKeditorV2:FCKeditor > 
< asp:Button ID = "Button1”runat = "server"” Text = "发 表 文 章 ”OnClick = "Button1_ 
Click" /> 
</div> 
</form> 
</body> 
</html > 


运行 IssueArticleFCKeditor. aspx 发 表 日 志 页 面 文件 ,运行 效果 如 图 4-8 所 示 。 
4.3.3 ”使 用 FCKeditor 控件 上 传 图 片 


继续 运行 IssueArticleFCKeditor. aspx, 如 图 4-8 所 示 。 单 击 FCKeditor 文本 编辑 器 
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中 的 “插入 /编辑 图 像 按 钮 ,打开 “图 像 属性 ”对 话 框 ,选择 “上 传 ”选项 卡 。 单 击 “ 浏 览 ” 按 
钮 ,在 弹出 的 对 话 框 中 选择 要 上 传 的 图 像 文 件 , 单 击 “ 发 送 到 服务 器 上 ”按钮 ,最 后 单 击 “ 确 
定 ” 按 钮 。 系 统 将 在 站 点 根 目录 下 自行 创建 UploadImage 文件 夹 并 将 上 传 的 图 像 文 件 保 
存 于 此 ,并 在 随后 发 布 文件 上 传 成 功 的 消息 ,如 图 4-9 所 示 。 


站 国 wa 防 | 回 口 必 | 四 ji 世 筷 意 响 | 条 区 io 一 | 的 忆 | 国 必 
让 Re 由 区 国 = 国 到 

渍 zu ls i 宇和 国 三 三 三;@@ 民 出 

i 国信 日 生 辣 钨 号 


的 记忆 办 
本 天 入 委 风 和 的 和 外 : 和 台风 科 来 的 时 假 » ee 


全 路 时 此 的 入 和 人 Et 
胜 去 一 


全 Your file has been successfully uploaded 


Cu 


图 4-9 文件 上 传 成 功 消息 


4.3.4 小 结 


在 本 任务 中 介绍 了 FCKeditor 控件 的 基本 功能 的 使 用 。 如 需 对 FCKeditor 进行 进 一 
步 应 用 和 讨论 ,可 借助 网 络 和 搜索 引擎 。 

ASP.NET 内 管控 件 中 有 FileUpload 上 传 控 件 ,可 以 上 传 各 种 类 型 的 文件 至 服务 器 ， 
它 的 使 用 简单 ,读者 可 以 自行 上 网 查询 .讨论 与 尝试 。 


4.3.5 思考 与 练习 
在 1. 2.7 小节 思 考 与 练习 中 的 在 线 留言 程序 中 ,为 “留言 内 容 ” 的 输入 加 上 在 线 文本 
编辑 环境 。 
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任务 5.1 数据 库 及 表 的 架构 和 
实体 类 的 实现 


任务 目标 


(1) 了 解 三 层 结构 设计 模式 。 
(2) 会 搭建 基于 三 层 结构 的 系统 基本 框架 。 
(3) 会 利用 数据 库 信 息 实现 实体 类 。 


5.1.1 三 层 结构 概述 


在 软件 体系 架构 设计 中 ,分 层 式 结构 是 最 常见 ,也 是 最 重要 的 一 种 结构 。 所 谓 “ 分 
层 ”, 就 是 将 应 用 程序 按照 不 同 的 部 分 划分 成 不 同 的 模块 加 以 实现 ,其 中 每 一 层 实 现 应 用 
程序 一 个 方面 的 逻辑 功能 。 采 用 分 层 的 开发 模式 ,可 以 对 程序 员 进 行 合理 的 分 工 , 提 高 开 
发 效率 ,并 且 编 写 的 应 用 程序 也 具有 良好 的 健壮 性 、 可 扩展 性 和 便于 维护 等 优点 。 微 软 推 
荐 的 分 层 式 结构 一 般 分 为 三 层 ,从 下 至 上 分 别 为 : 数据 访问 层 `, 业 务 逮 辑 层 和 表示 层 。 

数据 访问 层 负责 对 数据 库 的 访问 ,实现 对 数据 表 的 增 、 删 、 改 、 查 操作 。 

业务 巡 辑 层 负责 业务 处 理 和 数据 传递 , 它 包 含 了 与 核心 业务 相关 的 逮 辑 ,实现 业务 规 
则 和 业务 逻辑 。 业 务 逻 辑 层 处 于 数据 访问 层 与 表示 层 中 间 ,起 到 了 数据 交换 中 承上启下 
的 作用 。 对 于 数据 访问 层 而 言 , 它 是 调用 者 ; 对 于 表示 层 而 言 , 它 却 是 被 调用 者 。 

表示 层 负 责 内 容 的 展现 和 与 用 户 的 交互 。 它 位 于 最 外 层 ( 最 上 层 ), 离 用 户 最 近 , 给 予 
用 户 直接 的 体验 。 通 俗 地 讲 就 是 展现 给 用 户 的 界面 。 该 层 主要 完成 两 个 任务 : 从 业务 
好 辑 层 获取 数据 并 显示 ; @ 与 用 户 进 行 交互 ,将 相关 


数据 送 回 业务 逻辑 层 进行 处 理 。 表示 层 

区 分 层次 的 目的 即 为 了 体现 * 高 内 聚 , 低 看 合 "的 1 机 
思想 。 分 层 的 时 候 如 果 没 有 一 个 适当 的 数据 容器 来 贯 业务 逻辑 层 路 
穿 各 层 ,将 导致 契合 性 过 高 ,所 以 用 模型 层 作 为 在 层 与 | 
层 之 间 数 据 传递 的 载体 。 模 型 层 是 标准 和 规范 , 它 包 数据 访问 层 


含 了 与 数据 库 表 相对 应 的 实体 类 。 图 5-1 所 示 为 各 层 


之 间 的 关系 。 MS-SQL.DB eee Oracle.DB 
层 是 一 种 弱 耦 合 结构 ,三 层 之 间 的 依赖 是 向 下 的 ， Re 3 


上 层 可 以 使 用 下 层 的 功能 ,而 下 层 不 能 够 使 用 上 层 的 图 5-1 三 层 的 分 层 式 结构 
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功能 ,改变 上 层 的 设计 对 于 其 调用 的 下 层 而 言 没有 任何 影响 。 如 单独 修改 表示 层 , 即 对 于 
站 点 外 观 的 修改 不 会 影响 到 下 面 的 业务 逻辑 层 和 数据 访问 层 。 分 层 设计 具有 提高 应 用 程 
序 内 聚 程度 .降低 应 用 程序 耦合 程度 、 便 于 应 用 程序 的 维护 和 重用 等 优点 。 


5.1.2 搭建 基于 三 层 结构 的 系统 基本 框架 


在 简单 了 解 了 三 层 结 构 的 概念 之 后 ,下 面 以 开发 一 个 新 闻 发 布 系统 为 例 , 介 绍 如 何 拱 
建 基于 三 层 结构 的 系统 基本 框架 。 根 据 三 层 结构 设计 模式 ,将 整个 业务 应 用 划分 为 模型 
层 、 数 据 访问 层 、. 表 示 层 和 业务 逻辑 层 , 这 样 有 利于 系统 的 开发 .维护 .部 署 和 扩展 。 

系统 基本 框架 搭建 步 又 如 下 : 

(1) 运行 Visual Studio 2005。 选 择 菜单 栏 "文件 ”新建 项 目 ” 命 令 , 弹 出 “新 建 项 
目 ” 对 话 框 ,在 左 侧 * 项 目 类 型 " 树 形 目录 下 选择 “其 他 项 目 类 型 "的 “Visual Studio 解决 方 
案 ”, 在 右 侧 “ 模 板 ” 列 表 选 择 “ 空 白 解 决 方案 ”选项 ,新 建 一 个 名 为 News 的 空白 解决 方案 。 

(2) 右 击 该 解决 方案 名 ,在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 目 ” 命 令 , 弹 出 
如 图 5-2 所 示 的 “添加 新 项 目 ” 对 话 框 ,在 左 侧 “ 项 目 类 型 " 树 形 目录 下 选择 Visual C# ,在 
右 侧 “模板 ”列表 选择 “类 库 ” 选 项 ,新 建 一 个 名 为 NewsModels 的 类 库 ,该 类 库 作 为 系统 的 
模型 层 。 


项 目 类 型 (P): 模板 CD: 国 回 
Visual Basic Visual Studio 已 安装 的 模板 
© Visual CN windows 应 用 竹 奈 
加 Visual 幸 Windows 控件 库 BT 
WV GE 园 costal Reports 应 用 丑 序 i 
ee 国 Excel 工作 入 辆 outlook 9HE 香 序 
中 ASP.NET Web 酸 务 应 用 程序 训 AsP.NET web 应 用 得 序 
ASP.NET AJAX-Enabled Web Applic.. 
的 模 政 


国 Asp.NET AJAX Control Project 区 按 过 联机 样板 


用 于 创建 c# 类 库 (dl 项目 
名 称 (N)- NewsModels 
位 辕 (U: DNNews | 


| 
外 


图 5-2 新建 模型 层 NewsModels 界面 


(3) 新 建 名 为 NewsDAL 的 类 库 作 为 系统 的 数据 访问 层 。 操 作 方法 同步 又 (2) 。 
(4) 新 建 名 为 NewsBLL 的 类 库 作为 系统 的 业务 逻辑 层 。 操 作 方 法 同步 又 (2)。 
(5) 新 建 名 为 Web 的 类 库 作 为 系统 的 表示 层 。 注 意 此 时 “添加 新 项 目 ” 对 话 框 的 右 
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侧 “ 模 板 ” 列 表 应 该 选择 “ASP.NET Web 应 用 程序 ”选项 ,如 图 5-3 所 示 。 最 终生 成 的 解 
决 方案 树 形 目 录 如 图 5-4 所 示 。 


项 目 类 型 (P): 模板 CD 


Visual Basic Visual Studio 已 安 美的 剖析 
BVisual Ce Windows 应 用 程 尺 

国 -Visual 霸 Windows 控件 库 

国 -Visual C++ 网 crystal Reports 应 用 自序 
田 其 他 项 目 类 型 国 Excel 工作 短 

EE ASP.NET Web 服务 应 用 生 序 


ASP.NET AJAX-Enabled Web Applic... 


我 的 楼 本 
国 Asp.NET AJAX Control project 全 按 索 张 机 模板 


图 5-3 新 建 表示 层 Web 界面 


基于 三 层 结 构 的 系统 基本 框架 已 经 初步 搭建 成 功 。 但 是 每 一 层 都 是 各 自 独立 的 , 它 
们 之 间 没 有 任何 联系 ,因此 需要 给 各 层 之 间 建 立 依赖 关系 。 各 层 之 间 相 互 依赖 是 它们 良 
好 协作 的 关键 。 

(1) 实现 表示 层 对 业务 逻辑 层 的 依赖 。 在 “解决 方案 资源 管理 器 "面板 中 , 单 击 表示 
层 (Web) 前 的 “十 ”号 展开 树 形 目录 , 右 击 “引用 ”选项 ,在 弹出 的 快捷 菜单 中 选择 “添加 引 
用 ”命令 ,如 图 5-5 所 示 。 在 弹出 的 “添加 引用 ”对 话 框 中 选择 项目” 选项 卡 ,选中 项 目 名 
称 NewsBLL, 单 击 “ 确 定 ” 按 钮 ,如 图 5-6 所 示 。 此 时 ,在 表示 层 的 引用 目录 下 就 会 出 现 业 
务 逻 辑 层 的 项 目 名称 , 如 图 5-7 所 示 。 


马 | 兴 | 国 | 号 | 名 

辐 加 驴 军 News (4 个 项 目 ) 
由 - 伪 NewsBLL 

申 - 国 NewsDAL 

自 - 国 NewsModals 


Iw 


5-4 解决 方案 树 形 目 录 图 5-5 选择 “添加 引用 ”命令 


(2) 实现 业务 逻辑 层 对 数据 访问 层 的 依赖 。 即 在 业务 逻辑 层 (NewsBLL) 引 用 数据 
访问 展 (NewsDAL) 。 操 作 方 法 同步 又 (1) 。 
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-一 web 
国 Properties 
日 访 引用 
|- oe 
| -stem 


i -3 System.Configuration 
| |- 局 System pata 
| SystemDrawing 
| System EnterpriseServices 
| i systemWeb 
| | system web.Moblle 


图 5-6 “添加 引用 ”对 话 框 图 5-7 实现 引用 


(3) 实现 数据 访问 层 ,业务 逻辑 层 和 表示 层 三 层 对 模型 层 的 依赖 。 由 于 数据 访问 层 
(NewsDAL) .业务 逻辑 层 (NewsBLL) 、 表 示 层 (Web) 三 层 之 间 数 据 传 递 的 类 型 是 基于 模 
型 层 的 实体 类 ,所 以 这 三 层 都 需 添加 对 模型 层 (NewsModels) 的 引用 。 操 作 步 又 类 似 ,在 
此 不 做 详细 讲解 。 

至 此 ,基于 三 层 结构 的 系统 基本 框架 才 算 真正 搭建 完成 。 


5.1.3 分 析 并 创建 新 闻 系 统 数据 库 及 表 的 架构 


1. 新 闻 系 统 功 能 分 析 

一 个 完整 的 新 闻 发 布 系统 分 前 台 和 后 台 两 个 部 分 : 前 台 主 要 用 于 展示 新 闻 、 用 户 留 
后 台 则 用 于 管理 新 闻 、 用 户 ,留言 等 。 

(1) 前 台 功 能 

首页 模块 : 导航 菜单 .站 点 地 图 导航 、 最 新 新 闻 列 表 、 最 新 留言 列表 

新 闻 速 览 模块 : 新 闻 分 类 列表 、 新 闻 列 表 浏 览 .新 闻 详 细 浏览 

新 闻 搜 索 模块 

用 户 注 册 模 块 

用 户 登 录 模 块 

留言 板 模块 

(2) 后 台 功 能 

用 户 管理 模块 

新 闻 类 别管 理 模块 

新 闻 文 章 管理 模块 

留言 管理 模块 

权限 控制 模块 

2. 数据 库 设 计 

根据 以 上 系统 功能 分 析 ,进行 数据 库 设 计 , 制 定 用 户 表 、 新 闻 表 、 新 闻 类 别 表 、 留 言 表 


吾 
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共 4 张 表 , 每 张 表 的 结构 信息 如 表 5-1 一 表 5-4 所 示 。 


表 5-1 用 户 表 (Users) 


字段 名 称 类 型 说 明 
Id int 用 户 ID ,主键 ,自动 加 1 
LoginName nvarchar(50) 用 户 登 录 名 称 
LoginPwd nvarchar(50) 用 户 登录 密码 
RealName nvarchar(50) 用 户 真实 姓名 
Address nvarchar(100) 用 户 联系 地 址 
Phone nvarchar(50) 用 户 联系 电话 
Email nvarchar(50) 用 户 E-mail 地 址 
Role nvarchar(1) 用 户 角色 名 称 ,1 为 注册 会 员 ,2 为 管理 员 
表 5-2 新 闻 表 (News) 
字段 名 称 类 型 说 明 
Id int 新 闻 ID, 主 键 ,自动 加 1 
Title nvarchar(200) 新 闻 标题 
Author nvarchar(50) 新 闻 作者 
PubDate datetime 新 闻 发 表 日 期 
Contents ntext 新 闻 内 容 
Clicks int 新 闻 浏 览 次 数 
NewsCategoryld int 新 闻 类 别 ID, 外 键 ,关联 到 NewsCategories 表 中 的 ID 


表 5-3 新 闻 类 别 表 (NewsCategories) 


字段 名 称 类 型 说 明 
Id int 新 闻 类 别 ID ,主键 ,自动 加 1 
Name nvarchar(50) 新 闻 类 别名 称 
表 5-4 留言 表 (Comments) 
字段 名 称 类 型 说 明 
Id int 留言 ID ,主键 ,自动 加 1 
Title nvarchar(200) 留言 标题 
PubDate datetime 留言 发 表 日 期 
Contents ntext 留言 内 容 
Userld int 留言 用 户 人 D, 外 键 ,关联 到 Users 表 中 的 ID 


各 表 之 间 的 关系 如 图 5-8 所 示 。 
数据 库 及 表 的 创建 步骤 如 下 : 


(1) 运行 Visual Studio 2005。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 项 目 名 Web， 
在 弹出 的 快捷 莱 单 中 选择 “添加 ”一 “新 建 项 ”命令 ,在 弹出 的 “添加 新 项 -Web” 对 话 框 中 ， 


选择 “SQL 数据 库 ? 模 板 , 更 改名 称 为 NewsDB. mdf， 


如 图 5-9 所 示 。 
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NewsCategories News 
显 世 Ee 
_ Name Title 
Author 
PubDate 
Contents 
Clicks 
Users NewsCategoryld 
1d 
LoginName 
Loginpwd Comments 
RealName @ld 
Address Title 
Phone PubDate 
Email Contents 
= Role Usend 


图 5-8 数据 库 各 表 之 间 的 关系 


各 模 D: 
Visual studio 已 安 总 的 模板 

辐 web 男 体 回 Web 内 PR 下 第 bE Web PE 
gr El 过 扒 D 

风 全 本 朋 BF 二 辐 web 加 务 国 web 本 Brx 件 

办 外观 六 件 ER 国 二 st 

CD 国人 0B 从 加 web 自 定 X 控 件 

国 hrML 页 ETE3 

国 xML 文 件 国 XML 芋 向 国 xstT 文 件 

EL EL 司 cnstal 报 赤 

轿 报 去 其 安 交 EF 天 于 JScript 文件 

间 veseript 文 件 区 Windows 时 本 页 主 多 需 友信 信息 文件 

ED BPI 上 
楼板 

国 ASP.NET ax Extender Control 。 国 | 入 未 联 员 懂 禹 … 


本 地 数据 FF SQL 数据 应 


NY: NewsDB.mdf 


5-9 新 建 NewsDB. mdf 数据 库 


(2) 单 击 “ 添 加 ”按钮 ,弹出 如 图 5-10 所 示 的 对 话 框 。 单 击 “ 是 ”按钮 ,将 数据 库 NewsDB. 
mdf 保存 到 App_Data 文件 夹 中 。 

(3) 在 “解决 方案 资源 管理 器 ”面板 中 ,双击 数据 库 名 NewsDB. mdf, 弹 出 “服务 器 资 
源 管理 器 ”窗口 ,如 图 5-11 所 示 。 

(4) 右 击 “ 表 ” 目 录 , 在 弹出 的 快捷 菜单 中 选择 “添加 新 表 ” 命 令 ,创建 如 表 5-1 一 表 5-4 
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等 党 试 向 ASP.NET Web 应 用 程序 添加 一 个 .mdf， 要 使 .mdf 在 筷 的 
Web 频 用 程 训 中 通 尝 都 可 用 , 应 柠 亡 放 在 “APP_Data” 文 件 夹 中 , 要 
座 .mdf 放 在 “App_Data” 文件 夫 中 喇 ? 


图 5-10 将 数据 库 放 和 App_Data 文件 夹 中 


所 示 的 4 张 表 结构 。 
(5) 右 击 表 名 Users ,在 弹出 的 快捷 菜单 中 选择 * 显 示 表 数 据 ” 命 令 , 如 图 5-12 所 示 。 
在 Users 表 中 输入 几 条 用 户 记 录 。 其 他 各 表 的 数据 输入 操作 类 似 , 在 此 不 再 一 一 讲解 。 


本 -=x| 
国 四 | 乌龟 
让- 碟 局 务 器 
E- 国 交迫 受 
日 . BB NewsDB.mdf 
让， 当 数据 二 关系 几 
日 向 达 
由 - 国 Comments 
由 - 国 News 
四 国 NewsCategories 


白 - 区 NewsDBmdf 
| 让 - 名 数 反应 关系 图 


Er "ss 癌 瑟 基业 二 
由 - 国生 FF 括 一 
由 新 建 杏 询 (Q) 由 性 翅 hpesd 色 Sm 
申 辐 中国 pm 由- 区 zbh-paso X 开除 (D) bal 
册 Ee) 国 Ri 
贞 - 入 | 咏 居 八 (R) 
图 5-11 服务 器 资源 管理 器 图 5-12 输入 表 记 录 


5.1.4 三 层 结构 系统 实体 类 的 实现 


实体 类 就 是 描述 一 个 业务 实体 的 “类 ”。 整 个 
应 用 系统 业务 所 涉及 的 对 象 (例如 新 闻 系 统 中 的 新 
闻 、 用 户 等 ) 都 可 看 成 是 业务 实体 ,从 数据 存储 的 角 
度 来 看 ,业务 实体 就 是 存储 应 用 系统 信息 的 数据 
表 。 如 果 将 每 一 个 数据 表 中 的 字段 定义 成 属性 ,并 
将 这 些 属性 用 一 个 类 封装 一 一 这 个 类 就 称 为 “实体 , 
类 ”, 如 图 5-13 所 示 。 实体 类 都 统一 放 在 模型 oy 
层 中 。 

实体 类 的 编写 比较 简单 ,通常 是 根据 数据 库 的 
字段 编写 对 应 的 变量 和 属性 ,再 加 一 个 构造 函数 即 
可 。 下 面 以 User 类 和 News 类 为 例 说 明 实体 类 的 5-13 User 类 与 News 类 图 
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创建 步骤 。 

在 NewsModels 项 目 中 分 别 新 建 类 文件 User. cs 和 News. cs, 两 个 类 文件 的 实现 代 
码 如 下 。 

User. cs 的 实现 代码 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
namespace NewsModels 
{ 
[Serializable()] 
public class User 
{ 
private int id; 
private string loginName = String. Empty; 
private string loginPwd = String. Empty; 
private string realName = String. Empty; 
private string address = String. Empty; 
private string phone = String. Empty; 
private string email = String. Empty; 
private string role = String. Empty; 
public User() { } 
public int Id 
人 
get { return this. id; } 
set { this. id = value; } 


} 
public string LoginName 
{ 
get { return this. loginName; } 
set { this. loginName = value; } 
} 


public string LoginPwd 
{ 
get { return this. loginPwd; } 
set { this. loginpwd = value; } 
} 
public string RealName 
{ 
get { return this. realName; } 
set { this.realName = value; } 
} 
public string Address 
{ 
get { return this.address; } 
set { this.address = value; } 
} 
public string Phone 
{ 
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get { return this. phone; } 
set { this.phone = value; } 
} 
public string Email 
{ 
get { return this. email; } 
set { this.email = value; } 
} 
public string Role 
{ 
get { return this. role; } 
set { this.role = value; } 


News. cs 的 实现 代码 : 


using System; 

using System. Collections. Generic; 
using System. Text; 

namespace NewsModels 


L 


[Serializable()] 
public class News 


上 


private int id; 
private string title = String. Empty; 
private string author = String. Empty; 
private DateTime pubDate; 
private string contents = String. Empty; 
private int clicks; 
private int newsCategoryId; 
private NewsCategory newsCategory; 
public News() { } 
public int Id 
{ 
get { return this. id; } 
set { this. id = value; } 
} 
public string Title 
{ 
get { return this. title; } 
set { this.title = value; } 
} 
public string Author 
{ 
get { return this.author; } 
set { this.author = value; } 
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public DateTime PubDate 
{ 
get { return this. pubDate; } 
set { this.pubDate = value; } 
public string Contents 


{ 
get { return this. contents; } 
set { this.contents = value; } 


} 
public int Clicks 


{ 
get { return this.clicks; } 
set { this.clicks = value; } 


} 

public int NewsCategoryId 

{ 
get { return this. newsCategoryId; } 
set { this.newsCategoryId = value; } 

} 

public NewsCategory NewsCategory 

{ 
get { return this. newsCategory; } 
set { this.newsCategory = value; } 


这 里 补充 两 点 说 明 。 为 保证 数据 在 不 同 途 径 中 传递 的 正确 性 ,将 实体 类 标记 为 可 序 
列 化 。 另 外 ,数据 库 中 的 新 闻 表 (News) 和 新 闻 类 别 表 (NewsCategories) 之 间 通 过 一 个 外 
键 进行 关联 ,为 方便 以 后 程序 中 的 对 象 访问 ,在 News 类 中 构造 了 一 个 外 键 对 象 属性 
NewsCategory。 例 如 ,假设 有 一 个 新 闻 实 体 对 象 news, 那 么 使 用 外 键 对 象 后 可 用 news. 
NewsCategory. Name 形式 获得 新 闻 类 别名 称 。 


5.1.5 小 结 


(1) 通常 意义 上 的 三 层 结构 就 是 将 整个 业务 应 用 划分 为 : 表示 层 `. 业 务 迎 辑 层 和 数 
据 访问 层 。 创 建 清晰 而 独立 的 应 用 程序 层 使 得 应 用 程序 更 易于 修改 。 例 如 ,清晰 的 层次 
使 得 无 须 修改 数据 访问 代码 就 可 以 修改 用 户 界面 。 

(2) 三 层 结构 中 各 层 的 依赖 顺序 是 : 表示 层 依赖 业务 旭 辑 层 ; 业务 逻辑 层 依赖 数据 
访问 层 ; 表示 层 , 业 务 逻 辑 层 和 数据 访问 层 都 依赖 模型 层 。 

(3) 搭建 基于 三 层 结构 的 系统 基本 框架 的 步骤 为 : 搭建 模型 层 ~ 措 建 数据 访问 层 一 
搭建 业务 逻辑 层 一 搭建 表示 层 一 添加 各 层 之 间 的 相互 依赖 。 

(4) 模型 层 是 三 层 之 间 数 据 传递 的 载体 。 负 责 保障 对 数据 库 的 支持 和 一 致 , 它 包含 
了 与 数据 库 表 相对 应 的 实体 类 。 使 用 实体 类 更 符合 面向 对 象 编程 的 思想 ,通常 把 一 个 表 
封装 成 一 个 类 。 
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5.1.6 思考 与 练习 


编写 NewsCategory 类 和 Comment 类 代码 。 


任务 5.2 实现 三 层 结构 下 的 用 户 登 录 


任务 目标 

(1) 了 解 ADO.NET 的 功能 和 组 成 。 

(2) 会 用 SqlConnection 对 象 连 接 数 据 库 , 会 用 SqlCommand 对 象 和 SqlDataReader 
对 象 查询 数据 。 

(3) 会 实现 三 层 结构 下 的 用 户 登 录 功 能 。 


5.2.1 ADO.NET 概述 


几乎 所 有 的 Web 应 用 程序 都 涉及 数据 访问 ,因此 ,数据 访问 技术 的 优 劣 是 Web 系统 
成 败 的 关键 所 在 。ADO. NET 是 微软 公司 推出 的 一 种 数据 访问 技术 , 它 是 对 ADO 
(ActiveX Data Objects,.NET 产生 之 前 的 数据 访问 模型 ) 对 象 模型 的 扩充 ,是 .NET 应 用 
程序 采用 的 数据 访问 模型 。 

ADO.NET 体系 结构 包括 两 大 核心 组 件 : .NET 数据 提供 程序 和 DataSet 数据 集 。 

.NET 数据 提供 程序 用 于 连接 到 数据 库 、 执 行 命令 及 检索 结果 。 它 包含 了 许多 针对 
数据 源 的 类 库 ,允许 和 不 同类 型 的 数据 源 进行 交互 。 对 于 不 同 的 数据 源 采 用 不 同 的 类 库 ， 
类 库 名 通常 是 以 与 之 交互 的 数据 源 的 类 型 和 协议 来 命名 的 。 表 5-5 列 出 了 一 些 常 见 的 
.NET 数据 提供 程序 ,以 及 它们 所 使 用 的 API 前 级 和 交互 的 数据 源 类 型 .NET 数据 提供 
程序 包含 4 个 核心 对 象 , 即 Connection 对 象 .Command 对 象 .DataReader 对 象 和 DataAdapter 
对 象 。Connection 对 象 用 于 与 数据 源 建立 连接 ; Command 对 象 用 于 对 数据 源 执行 命令 ; 
DataReader 对 象 用 于 从 数据 源 中 检索 只 读 、 只 向 前 数据 流 ; DataAdapter 对 象 用 于 将 数 
据 源 的 数据 填充 DataSet 数据 集 并 更 新 数据 集 。 


表 5-5 .NET 数据 提供 程序 
.NET 数据 提供 程序 API 前 级 数据 源 描述 


提供 ODBC 接口 的 数据 源 , 一 般 是 比较 老 的 数据 库 
System. Data. Odbc 命名 空间 

提供 OLE DB 接口 的 数据 源 ,比如 Access 或 Excel 
System. Data. OleDb 命名 空间 

Oracle 数据 源 

System. Data. OracleClient 命名 空间 

Microsoft SQL Server 数据 源 

System. Data. SqlClient 命名 空间 


ODBC 数据 提供 程序 Odbec 


OLE DB 数据 提供 程序 OleDb 


Oracle 数据 提供 程序 Oracle 


SQL 数据 提供 程序 Sal 
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DataSet 对 象 表示 数据 在 内 存 中 的 缓存 ,主要 用 于 管理 存储 在 内 存 中 的 数据 以 及 对 
数据 的 断 开 操作 。 
ADO.NET 五 大 对 象 之 间 的 关系 如 图 5-14 所 示 。 


ASP.NET 等 Client 渝 


| DataAdapter | DataReader 


1 
1 
| 

Command | 
1 

l 

i 1 

1 


| 
数据 库 
ADONET 控 作 


图 5-14 ADO.NET 五 大 对 象 之 间 的 关系 


举 一 个 实际 的 例子 来 理解 表 5-5 中 的 API 前 级 。 例 如 ADO. NET 中 的 连接 对 象 
(Connection Object) ,顾名思义 ,可 以 通过 它 建立 与 数据 源 的 连接 。 如 果 使 用 OLE DB 数 
据 提供 程序 连接 一 个 提供 OLE DB 接口 的 数据 源 , 那么 将 使 用 的 连接 对 象 就 是 
OleDbConnection。 同 理 , 如果 连 接 ODBC 数据 源 或 者 SQL Server 数据 源 就 分 别 加 上 
Odbc 或 者 Sql 前 级 , 即 OdbcConnection 或 SqlConnection。 本 书 实例 使 用 的 数据 源 是 
SQL Server, 所 以 所 有 的 API 对 象 都 带 有 Sql 前 级 ,比如 SqlConnection。 


5.2.2 常用 ADO.NET 对 象 的 使 用 


下 面 介绍 ADO. NET 中 SQL 数据 提供 程序 的 4 个 核心 对 象 (SqlConnection、 
SqlCommand、SqlDataReader 和 SqlDataAdapter) 和 DataSet 对 象 的 具体 使 用 方法 。 使 用 
这 些 对 象 时 ,通常 在 程序 代码 开头 部 分 用 using 指令 引用 相应 的 命名 空间 。SqlConnection 、 
SqlCommand、SqlDataReader 和 SqlDataAdapter 这 4 个 对 象 用 using System. Data. SqlClient， 
DataSet 对 象 用 using System. Data。 

1. SqlConnection 对 象 

在 对 SQL Server 数据 库 中 的 数据 进行 操作 前 首先 要 连接 数据 库 , 连 接 数 据 库 并 完成 
对 数据 库 的 操作 之 后 ,必须 关闭 与 数据 库 的 连接 。 可 以 使 用 SqlConnection 对 象 来 完成 。 
SqlConnection 对 象 的 常用 属性 与 方法 如 表 5-6 所 示 。 

使 用 SqlConnection 对 象 连接 到 SQL Server 数据 库 的 基本 步骤 如 下 。 

(1) 创建 一 个 SqlConnection 类 的 对 象 实例 。 

(2) 设置 SqlConnection 对 象 的 连接 字符 串 属 性 ConnectionString。 

66 


第 5 章 ”使 用 ADo0NET 访 问 数据 库 


表 5-6 ”SqlConnection 对 象 的 常用 属性 与 方法 


属 性 说 明 

ConnectionString 获取 或 设置 用 于 打开 SQL Server 数据 库 的 连接 字符 串 
方 法 说 明 

Open() 打开 数据 库 连 接 

CloseO) 关闭 数据 库 连接 


(3) 使 用 SqlConnection 对 象 的 Open() 方 法 或 Close() 方 法 打开 或 关闭 连接 。 
以 连接 新 闻 系 统 的 数据 库 NewsDB. mdf 为 例 ,编写 SqlConnection 对 象 使 用 代码 
如 下 : 


using System. Data. SqlClient; 


// 建 立 SQL 数据 库 连 接 对 象 实例 

SqlConnection cn = new SqlConnection(); 

// 设 置 数据 库 连 接 字符 串 

string connectionString = "Data Source = .\\SQLEXPRESS; AttachDbFilename = | DataDirectory| 
\\NewsDB. mdf; Integrated Security = True;User Instance = True"; 

cn. ConnectionString = connectionString; 

// 打 开 数 据 库 连 接 

cn. Open(); 


// 关 闭 数据 库 连 接 

cn. Close( ); 

由 于 数据 库 连接 字符 串 需 要 在 应 用 程序 多 处 重复 使 用 ,出 于 对 系统 以 后 的 可 移植 、 可 
扩展 、 可 维护 性 等 考虑 ,一 般 将 连接 字符 串 写 在 Web. config 配置 文件 里 。 以 新 闻 系 统 为 
例 ,在 Web. config 配置 文件 里 设置 如 下 代码 : 

< connectionStrings> 

< add name = " NewsDBConnectionString" connectionString = "Data Source = .\SQLEXPRESS; 
RttachDbFilename = | DataDirectory|\NewsDB. mdf; Integrated Security = True; User Instance = 


True" providerName = "System. Data. SqlClient" /> 
</connectionStrings> 


这 时 ,在 页 面 中 使 用 该 连接 字符 串 ,就 可 以 写成 : 

using System. Configuration; 

string connectionString = ConfigurationManager. ConnectionStrings [ " NewsDBConnectionString"] . 
ConnectionString; 

SqlConnection 类 的 构造 函数 还 有 一 种 重 载 形式 : public SqlConnection( string connectionString); 
所 以 ,对 数据 库 连接 对 象 的 操作 ,还 可 写成 : 

SqlConnection cn = new SqlConnection(connectionString); 


cn. Open(); 
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cn. Close(); 


为 了 能 自动 释放 数据 库 连 接 对 象 ,可 使 用 using 语句 : 


using (SqlConnection cn = new SqlConnection(connectionString) ) 


{ 
cn. Open(); 


} 


如 上 面 的 代码 所 示 ,在 using 语句 范围 内 定义 了 一 个 数据 库 连接 对 象 , 当 程序 执行 到 


using 语句 末尾 处 时 ， 


将 自动 释放 此 数据 库 连接 对 象 ,不 用 再 手动 写 Close() 或 Dispose() 


方法 来 关闭 或 释放 资源 。 用 using 语句 ,可 在 程序 开发 过 程 中 简化 代码 量 , 并 在 一 定 程度 
上 提高 了 资源 使 用 效率 。 


2. SqlCommand 


对 象 


SqlCommand 对 象 用 来 对 SQL Server 数据 库 执行 SQL 命令 ,如 增加 、 删 除 、 修 改 、 查 
询 等 操作 。 可 以 使 用 SQL 语句 ,也 可 以 使 用 存储 过 程 来 完成 这 些 操作 。SqlCommand 对 
象 的 常用 属性 与 方法 如 表 5-7 所 示 。 


表 5-7 SqlCommand 对 象 的 常用 属性 与 方法 


属 性 说 明 
Connection 获取 或 设置 SqlCommand 对 象 实例 使 用 的 数据 库 连 接 
CommandText 获取 或 设置 要 对 数据 源 执行 的 SQL 命令 
获取 或 设置 SQL 命令 的 类 别 , 有 StoredProcedure、TableDirect 或 Text, 默 认 
CommandType 
值 是 Text 
Parameters 获取 SqlParameterCollection 对 象 
方 ”法 说 明 
执行 一 条 不 返回 结果 集 的 语句 ,如 INSERT、UPDATE、DELETE 或 数据 定义 
ExecuteNonQuery() 语句 
ExecuteReader() 将 CommandText 发 送 到 SqlConnection 并 返回 SqlDataReader 对 象 
执行 查询 ,并 返回 查询 结果 集中 第 一 行 的 第 一 列 ( 只 有 一 个 值 ), 如 执行 
ExecuteScalar() 
COUNTC* ) 


使 用 SqlCommand 对 象 执行 SQL 命令 的 基本 步骤 如 下 。 

(1) 创建 一 个 SqlCommand 类 的 对 象 实例 。 

(2) 给 SqlCommand 对 象 的 CommandText 属性 设置 要 执行 的 SQL 命令 。( 如 果 
SQL 命令 中 使 用 了 参数 ,可 通过 Parameters 属性 为 参数 设置 值 .) 

(3) 用 SqlCommand 对 象 的 ExecuteReader() ,ExecuteScalar() 或 ExecuteNonQuery() 等 


方法 执行 SQL 命令 。 


以 实现 新 闻 系 统 中 根据 登录 名 查询 用 户 为 例 ,编写 SqlCommand 对 象 使 用 代码 


如 下 : 


using System. Data. 
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// 建 立 SQL 命令 对 象 实例 
SqlCommand cm = new SqlCommand(); 
// 建 立 SQL 命令 对 象 与 SQL 数据 库 连 接 对 象 的 连接 


cm. Connection = cn; 

// 设 置 要 执行 的 SQL 命令 

string sql = "SELECT x* FROM Users WHERE LoginName = @LoginName"; 
cm. CommandText = sql; 

// 向 SQL 命令 对 象 的 参数 集 添 加 参数 

cm. Parameters. AddWithValue("@LoginName", loginName); 


// 调 用 SQL 命令 对 象 的 相应 方法 执行 命令 
SqlDataReader dr = cm.ExecuteReader(); 


3. SqlDataReader 对 象 

SqlDataReader 对 象 用 来 从 SQL Server 数据 库 中 读 取 数据 ,实现 对 数据 源 的 只 读 访 
问 。 它 是 面向 连接 的 、 只 向 前 的 、 游 标 样式 的 类 。 由 于 SqlDataReader 不 需要 以 随机 的 方 
式 ( 即 前 后 移动 或 根据 索引 访问 ) 访 问 数 据 库 ,所 以 不 会 增加 系统 的 额外 开销 。 与 
DataSet 相 比 ,如 果 执 行 纯粹 的 读 操 作 ,SqlDataReader 的 速度 要 快 许多 。SqlDataReader 
对 象 的 常用 属性 与 方法 如 表 5-8 所 示 。 


表 5-8 ”SqlDataReader 对 象 的 常用 属性 与 方法 


属 性 说 明 
FieldCount 获取 当前 行 中 的 列 数 

方 法 说 明 
Read() 读 取 下 一 条 记录 
GetName() 获取 指定 列 的 名 称 
Close() 关闭 SqlDataReader 对 象 


SqlCommand 对 象 的 ExecuteReader() 方 法 执行 后 会 返回 一 个 SqlDataReader 对 象 ， 
即 SqlDataReader 对 象 是 通过 SqlCommand 对 象 的 ExecuteReader() 方 法 从 数据 源 中 检 
索 行 创建 的 。 使 用 SqlDataReader 对 象 执行 数据 读 取 的 基本 步骤 如 下 。 

(1) 通过 执行 SqlCommand 对 象 的 ExecuteReader() 方 法 ,创建 一 个 SqlDataReader 
类 的 对 象 实例 。 

(2) 用 SqlDataReader 对 象 的 Read() 方 法 读 取 数据 。( 若 有 多 条 记录 ,可 通过 while 
循环 读 取 。) 

(3) 用 SqlDataReader 对 象 的 Close() 方 法 关闭 该 对 象 。 

以 实现 新 闻 系 统 中 根据 登录 名 查询 用 户 为 例 ,编写 SqlDataReader 对 象 使 用 代码 
如 下 : 


using System. Data. SqlClient; 


// 通 过 执行 SqlCommand 对 象 的 ExecuteReader( ) 方 法 来 建立 SQL 数据 读 取 对 象 实例 
SqlDataReader dr = cm.ExecuteReader(); 
// 调 用 sQL 数据 读 取 对 象 的 Read( ) 方 法 读 取 数 据 
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证 (dr.Read()) 
{ 


// 关 闭 SQL 数据 读 取 对 象 
dr.Close(); 


} 


else 


{ 
dr.Close(); 


} 


4. SqlDataAdapter 对 象 
SqlDataAdapter 对 象 表示 用 于 填充 DataSet 和 更 新 SQL Server 数据 库 的 一 组 数据 
命令 和 一 个 数据 库 连 接 。SqlDataAdapter 对 象 一 般 和 DataSet 一 起 使 用 ,作为 DataSet 
与 SQL Server 数据 源 之 间 的 桥梁 来 检索 和 保存 数据 。SqlDataAdapter 里 包含 了 SqlConnection 
对 象 , 当 对 数据 源 进 行 读 取 或 者 写 入 的 时 候 ,SqlDataAdapter 会 自动 打开 或 者 关闭 连接 。 
此 外 ,SqlDataAdapter 还 包含 对 数据 进行 SELECT、INSERT、DELETE 和 UPDATE 操 
作 的 SqlCommand 对 象 的 引用 。SqlDataAdapter 对 象 的 常用 属性 与 方法 如 表 5-9 所 示 。 
表 5-9 SqlDataAdapter 对 象 的 常用 属性 与 方法 
属 性 说 明 
SelectCommand 获取 或 设置 一 个 SQL 命令 ,用 于 在 数据 源 中 选择 记录 
InsertCommand 获取 或 设置 一 个 SQL 命令 ,用 于 在 数据 源 中 插入 新 记录 


DeleteCommand 获取 或 设置 一 个 SQL 命令 ,用 于 从 数据 源 中 删除 记录 
UpdateCommand 获取 或 设置 一 个 SQL 命令 ,用 于 更 新 数据 源 中 的 记录 


方 ” 法 说 明 
Fill() 填充 DataSet 或 DataTable 
为 DataSet 中 每 个 已 插入 .已 更 新 或 已 删除 的 行 调用 相应 的 INSERT、 
Update() 
UPDATE 或 DELETE 语句 
5.DataSet 对 象 


DataSet 对 象 表 示 包 括 相关 表 、 主 外 键 约束 和 表 间 关系 在 内 的 整个 数据 集 。 可 将 它 
看 成 存储 数据 的 数据 库 , 里 面包 含有 一 个 或 多 个 数据 表 、 数 据 行 、 列 、 约 束 、 表 间 关 系 及 数 
据 。 实 际 上 , 它 并 不 是 一 个 真正 的 数据 库 , 它 只 是 内 存 中 的 一 个 数据 集合 。 数 据 集 是 断 开 
式 的 数据 容器 ,数据 集中 所 有 记录 可 以 随机 访问 。 

注意 : 由 于 DataSet 对 象 能 被 所 有 .NET 数据 提供 程序 使 用 , 它 不 需要 指定 前 缓 。 

下 面 以 使 用 SqlDataAdapter 对 象 和 DataSet 对 象 执行 数据 读 取 的 操作 为 例 , 列 出 基 
本 操作 步骤 如 下 。 

(1) 用 SqlCommand 对 象 设置 查询 命令 。 

(2) 创建 一 个 SqlDataAdapter 类 的 对 象 实例 。 
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(3) 给 SqlDataAdapter 对 象 的 SelectCommand 属性 设置 SqlCommand 对 象 。 

(4) 创建 一 个 DataSet 类 的 对 象 实例 ,用 于 接收 执行 SQL 命令 返回 的 数据 集 。 

(5) 用 SqlDataAdapter 对 象 的 Fill() 方 法 填充 数据 集 。 

下 面 的 代码 实现 了 使 用 SqlDataAdapter 对 象 从 数据 库 中 选择 记录 ,并 用 选 定 的 行 填 
充 DataSet 的 操作 。 


using System. Data; 
using System. Data. SqlClient; 


// 建 立 SQL 命令 对 象 ,并 设置 查询 命令 
SqlCommand cm = new SqlCommand( ) ; 

cm. CommandText = "SELECT # FROM Users"; 
cm. Connection = cn; 

// 建 立 SQL 数据 适配器 对 象 实例 
SqlDataAdapter da = new SqlDataAdapter(); 
// 要 求 SqlDataAdapter 对 象 执行 查询 命令 
da. SelectCommand = cm; 

// 建 立 数据 集 对 象 

DataSet ds = new DataSet(); 

// 向 数据 集 填充 数据 

da. Fill(ds); 


总 结 : ADO.NET 是 用 于 和 数据 源 交 互 的 .NET 技术 。 它 包含 了 许多 数据 提供 程序 ， 
分 别 用 于 访问 不 同 的 数据 源 一 一 取决 于 它们 所 使 用 的 数据 库 或 者 协议 。 然 而 无 论 使 用 什 
么 样 的 数据 提供 程序 ,与 数据 源 进 行 交 互 的 对 象 的 使 用 方法 都 是 相似 的 。SqlConnection 对 
象 用 于 管理 与 数据 源 的 连接 。SqlCommand 对 象 可 以 向 数据 源 发 送 SQL 命令 。SqlDataReader 
可 以 快速 地 从 数据 源 获得 只 读 的 、 只 向 前 的 数据 流 。 使 用 DataSet 可 以 处 理 那 些 已 经 断 
开 的 数据 (存储 在 内 存 中 的 ) ,并 通过 SqlDataAdapter 实现 数据 源 的 读 取 和 写 入 。 

在 了 解 并 掌握 了 常用 ADO.NET 对 象 的 使 用 方法 后 ,可 以 开始 动手 编写 新 闻 系 统 中 
用 户 登 录 模 块 了 。 下 面 分 别 从 数据 访问 层 \, 业 务 远 辑 层 和 表示 层 来 实现 用 户 登 录 功 能 。 


5.2.3 用户 登录 数据 访问 层 的 实现 


数据 访问 层 封装 了 与 数据 库 交互 的 操作 ,包括 对 数据 表 的 增 、 删 、 改 、 查 操作 。 显 然 ， 
用 户 登 录 要 做 数据 查询 。 这 里 将 用 户 登录 的 数据 访问 层 的 操作 流程 描述 为 : 当 用 户 登 录 
系统 时 ,将 用 户 输入 的 登录 名 提交 数据 库 进行 查询 ,如 果 查 询 的 登录 名 存在 ,返回 一 个 用 
户 对 象 ,不 存在 则 返回 null。 

在 NewsDAL 项 目 中 新 建 一 个 类 文件 UserService. cs。 注 意 ,以 后 将 数据 访问 层 中 
有 关 用 户 对 象 的 操作 都 写 在 这 个 类 里 。 在 UserService 类 中 ,定义 一 个 根据 登录 名 查询 
用 户 的 方法 public static User GetUserByLoginName(string loginName) 。 

需要 使 用 的 对 象 及 步骤 如 下 : 

(1) 实例 化 SqlConnection 对 象 ,实现 数据 库 连 接 。 
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(2) 实例 化 SqlCommand 对 象 ,执行 SQL 命令 。 
(3) 实例 化 SqlDataReader 对 象 , 读 取 数 据 。 

(4) 使 用 实体 对 象 传递 数据 。 

有 具体 实现 代码 如 下 : 


Using System; 
Using System. Collections. Generic; 
Using System. Text; 
using System. Data; 
using System. Data. SqlClient; 
using System. Configuration; 
using NewsModels; 
namespace NewsDAL 
{ 
public static class UserService 
{ 
Private static string connectionString = ConfigurationManager. ConnectionStrings 
["NewsDBConnectionString" ]. ConnectionString; 
/// < summary> 
// 根据 登录 名 查询 用 户 
/// </summary> 
/// < param name = "loginName"> 用 户 登录 名 </param> 
/// < returns> 用 户 对 象 </returns> 
public static User GetUserBYLoginName( string loginName) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = "SELECT * FROM Users WHERE LoginName = (@LoginName"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@LoginName", loginName); 
SqlDataReader dr = cm.ExecuteReader(); 
if (dr.Read()) 
{ 
User user = new User(); 
user.Id = (int)dr["Id"]; 
user. LoginName = (string)dr["LoginName"]; 
user. LoginPwd = (string)dr["LoginPwd"]; 
user. RealName = (string)dr["RealName"]; 
user. Address = (string)dr["Address"]; 
user. Phone = (string)dr["Phone"]; 
user. Email = (string)dr["Email"]; 
user. Role = (string)dr["Role"]; 
dr.Close(); 
return user; 


else 
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dr.Close(); 


return null; 


} 


上 面 的 f 语 名 里 , 先 构 造 一 个 user 对 象 ,其 属性 值 依次 被 赋值 为 数据 库 中 查找 到 的 
某 条 用 户 记录 的 各 个 字段 值 ,然后 将 该 user 对 象 返回 。 


5.2.4 用 户 登 录 业 务 罗 辑 层 的 实现 


业务 逻辑 层 应 该 提供 哪些 方法 一 般 根据 实际 需求 来 确定 。 例 如 , 当 用 户 登 录 系 统 时 ， 
首先 要 判断 输入 的 登录 信息 是 否 有 效 。 可 以 在 业务 逻辑 层 创建 一 个 对 应 的 用 户 登 录 方 
法 ,接收 表示 层 提交 过 来 的 登录 名 和 密码 ,判断 是 否 为 合法 用 户 。 如 果 是 合法 用 户 , 返 回 
true; 否则 返回 false。 

在 NewsBLL 项 目 中 新 建 一 个 类 文件 UserManager. cs。 类 似 数据 访问 层 中 UserService 
类 的 做 法 ,以 后 将 业务 逻辑 层 中 有 关 用 户 对 象 的 操作 都 写 在 UserManager 类 里 。 在 
UserManager 中 ,定义 一 个 验证 用 户 登 录 信 息 是 否 有 效 的 方法 public static bool UserLogin 
(string loginName, string loginPwd，out User validUser)。 具 体 实 现代 码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
using NewsModels; 
using NewsDAL; 
namespace NewsBLL 
{ 
public static class UserManager 
{ 
/// < summary> 
/// 登录 验证 (判断 用 户 登 录 名 是 否 存在 ,密码 是 否 正确 ,验证 是 否 为 合法 用 户 ) 
/// </summary> 
/// < param name = "loginName"> 用 户 登录 名 </param> 
/// < param name = "loginPwd"> 用 户 密码 </param > 
/// <param name = "validUser"> 用 户 对 象 </param> 
/// <returns> 布 尔 值 </returns> 
public static bool UserLogin( string loginName, string loginPwd，out User validUser) 
{ 
User user = UserService.GetUserByLoginName( loginName); 
if (user == null) // 登 录 名 不 存在 
{ 
validUser = null; 
return false; 
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} 
else if (user. LoginPwd != loginPwd) // 密 码 错误 
| 

validUser = null; 

return false; 


} 


else 


t 


validUser = user; 
return true; 


’ 


注意 : 这 个 方法 的 形 参 validuser 前 使 用 了 out 关键 字 , 当 某 个 方法 需要 有 多 个 返回 
值 时 ,可 用 它 来 传递 返回 值 。out 在 这 里 的 作用 是 返回 一 个 用 户 对 象 , 即 当 用 户 合法 时 ， 
将 该 用 户 对 象 返回 ,以 备 在 表示 层 中 调用 ,比如 可 将 该 用 户 对 象 的 相关 信息 存 入 Session 
或 Cookie。 


5.2.5 用 户 登 录 表 示 层 的 实现 


表示 层 用 于 显示 数据 和 接收 用 户 输入 的 数据 ,为 用 户 提供 一 种 交互 式 操作 的 界面 。 
在 表示 层 中 ,如 果 仅 仅 用 于 展示 内 容 , 可 能 只 需要 将 控件 绑 定数 据 即 可 ,不 需要 编写 代码 ; 
如 果 需 要 和 用 户 交互 ,就 要 编写 相关 的 事件 代码 。 例 如 ,新 闻 系 
统 中 的 用 户 角色 分 注册 会 员 和 管理 员 两 类 ,以 管理 员 登 录 页 为 
例 ,用 户 单 击 “ 登 录 ” 按 钮 的 事件 ,就 需要 进行 用 户 输入 内 容 的 非 
空 验证 ,然后 通过 调用 业务 迎 辑 层 的 相关 方法 判断 用 户 名 和 密 | | 二 国 
码 是 否 匹配 ,编写 代码 验证 用 户 的 身份 是 否 为 管理 员 等 。 | mw 

下 面 在 表示 层 为 系统 创建 管理 员 登 录 页 。 先 在 Web 项 目 中 | 名 和 pnpat 


| 出 国 Newspemdf 

新 建 一 个 Admin 文件 夹 , 在 该 文件 夹 下 创建 页 面 文件 AdminLogin. 1 

aspX。 | 外 回 Images 

注意 ; 以 后 将 有 关 后 台 管 理 员 操 作 的 页 面 都 统一 做 在 | 全 Noe 

Admin 文件 天 下 ,系统 的 样式 文件 、 外 观 文件 、 图 片 文 件 等 都 统 | 记名 mo 

一 放 在 主题 文件 夹 App_Themes\Default 下 ,而 系统 的 一 些 公用 | emi 
i 一 国 stringhandlercs 

自 定义 类 则 都 放 在 Common 文件 夹 下 ,如 图 5-15 所 示 。 这 样 做 由 - 国 pefaultaspx 

由 - 四 Newspage Master 


能 使 系统 文件 架构 更 加 清晰 ,便于 系统 的 管理 和 维护 。 一 国 webconfg 
AdminLogin. aspx 主要 实现 代码 如 下 : 


图 5-15 管理 员 登 录 页 
<form id = "form1" runat = "server"> 所 在 文件 夹 
<div> 
<table> 
<tr><td> 用 户 名 : </td> 
<td><asp:TextBox runat = "server" ID= "txtLoginName"></asp:TextBox> 
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< asp:RequiredFieldValidator ID = "rfvLoginName”runat = "server" ErrorMessage = 
"x "ControlToValidate = "txtLoginName"></asp:RequiredFieldValidator ></td></tr> 
<tr><td> 密 码 : </td> 
<td>< asp:TextBox runat = "server" ID= "txtLoginPwd" TextMode = "Password"> </asp: 
TextBox> 
< asp: RequiredFieldValidator ID = "rfvLoginPwd"” runat = "server" ErrorMessage = 
"%" ControlToValidate = "txtLoginPwd"></asp:RequiredFieldValidator ></td></tr> 
<tr><td colspan = "2" class = "content center"><asp:Button ID = "btnLogin" runat =" 
server" Text = "登录 " OnClick = "btnLogin Click" /></td></tr> 
</table> 
</div> 
</form> 


AdminLogin. aspx. cs 实现 代码 如 下 : 


using System; 
using System. Data; 
using System. Configuration; 
using System. Collections; 
using System. Web; 
using System. Web. Security; 
using System. Web. UI; 
using System. Web. UI. WebControls; 
using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 
using NewsModels; 
using NewsBLL; 
namespace Web. Admin 
{ 
public partial class AdminLogin : Systenm. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 


} 
protected void btnLogin Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
string loginName = txtLoginName. Text.Trim(); 
string loginPwd = txtLoginPwd. Text. Trim(); 


User user; 

if (UserManager. UserLogin( loginName，loginPwd，out user))// 判 断 用 户 名 和 
密码 是 否 正确 

{ 


if (user. Role == "2") // 判 断 是 否 为 管理 员 身 份 
{ 
// 将 用 户 名 和 角色 信息 存 人 Cookie 
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System. Web. Security. FormsAuthentication. SetAuthCookie ( user. 
LoginName, false); 

FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(1, 
user. LoginName, DateTime. Now, DateTime. Now. AddMinutes(30), false, "admin"); 

string hashticket = FormsAuthentication. Encrypt(ticket); 

HttpCookie cookie = new HttpCookie(FormsAuthentication. FormsCookie- 
Name, hashticket); 

Response. Cookies. Add( cookie); 

if (Request["ReturnUrl"] != null) 


{ 
Response. Redirect(Request[ "ReturnUrl"]); 
} 
else 
{ 
Response. Redirect("~/Admin/Default. aspx"); 
} 
} 
else 
{ 
Common. Message. RegScript(this," 你 不 是 管理 员 , 无 权 访 问 !"); 
} 
} 
else 


{ 
Common. Message. RegScript(this, "用 户 名 或 密码 不 正确 ,请 重新 填写 !"); 
} 


E 


管理 员 登 录 页 运行 效果 如 图 5-16 所 示 。 页 面 的 样式 、 外 观 控制 代码 参见 系统 源 
程序 。 


SO arp/ocan.. -hls [x | cooge p "| 
六 必 芒 赤 | 乱 尖 和 


起 用 记录 


用 户 吉 : 
Ea 
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图 5-16 管理 员 登 录 页 运行 效果 
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5.2.6 小 结 


(1) ADO.NET 包括 两 大 核心 组 件 : .NET 数据 提供 程序 和 DataSet 数据 集 。 其 中 ， 
前 者 包含 4 个 核心 对 象 , 即 Connection 对 象 .Command 对 象 .DataReader 对 象 和 DataAdapter 
对 象 。 

(2) using 关键 字 在 C# 中 有 两 种 用 途 : 一 种 作为 指令 ,引用 命名 空间 ; 另 一 种 作为 
语句 ,用 于 定义 一 个 范围 ,在 此 范围 末尾 自动 释放 对 象 。 

(3) 使 用 SqlDataReader 对 象 执行 数据 读 取 操作 时 , 先 用 SqlCommand 对 象 的 
ExecuteReader() 方 法 创建 一 个 SqlDataReader 类 的 对 象 实例 ,再 用 SqlDataReader 对 象 
的 Read() 方 法 读 取 数 据 (车 有 多 条 记录 ,可 通过 while 循环 读 取 ) ,最 后 用 SqlDataReader 
对 象 的 Close() 方 法 关闭 该 对 象 。 


5.2.7 思考 与 练习 
1. ADO.NET 包括 哪 两 个 主要 的 组 件 ? 它们 分 别 为 哪 5 个 对 象 ? 各 有 什么 作用 ? 
2. 编程 实现 基于 三 层 结构 的 注册 会 员 登 录 功 能 。 


任务 5.3 实现 三 层 结构 下 的 用 户 注册 


任务 目标 


(1) 会 用 SqlCommand 对 象 的 ExecuteNonQuery() 方 法 添加 数据 。 
(2) 会 实现 三 层 结构 下 的 用 户 注册 功能 。 


5.3.1 用 户 注册 数据 访问 层 的 实现 


用 户 注 册 就 是 向 数据 库 添加 新 的 用 户 数 据 。 在 数据 访问 层 中 ,将 添加 用 户 的 操作 定 
义 成 方法 public static void AddUser(User user) 。 
在 NewsDAL 项 目的 UserService 类 中 增加 如 下 代码 : 


/// < summary> 
/// 添加 用 户 
/// </summary> 
/// <param name = "user"> 用 户 对 象 </param> 
public static void AddUser(User user) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString) ) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = 
"INSERT Users (LoginName, Loginpwd, RealName, Address, Phone, Email, Role)" + 
"VALUES (@LoginName, @LoginPwd, @RealName, @Address, @Phone, @Fmail, @Role)"; 
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cm. CommandText = sql; 

cm. Parameters. RddWithValue("@LoginName"，user.LoginName) ; 
cm. Parameters. RddWithValue("@LoginPwd"，user.LoginPwd); 
cm. Parameters. AddWithValue("@RealName", user.RealName); 
cm. Parameters. AddWithValue("@Address", user. Address); 

cm. Parameters. AddWithValue("@Phone", user.Phone); 

cm. Parameters. AddWithValue("@Enmail", user. Email); 

cm. Parameters. AddWithValue("(@Role", user.Role); 

cm. ExecuteNonQuery( ); 


} 


上 面 代码 中 ,cm. ExecuteNonQuery() 执 行 INSERT 语句 向 数据 库 的 Users 表 添 加 
了 一 条 用 户 记录 。 而 使 用 参数 化 的 INSERT 语句 可 使 程序 结构 更 加 清晰 ,提高 程序 的 可 
读 性 。 


5.3.2 用 户 注册 业务 逻辑 层 的 实现 


为 了 保证 用 户 名 唯一 ,在 用 户 注册 时 , 先 根据 登录 名 查询 该 用 户 是 否 已 经 存在 ,如 
果 用 户 名 不 存在 , 则 可 以 向 数据 库 添加 该 用 户 信息 ; 如 果 用 户 名 已 存在 , 则 返回 注册 失 
败 信息 。 这 里 在 业务 逻辑 层 创建 一 个 用 户 注册 的 方法 public static bool UserRegister 
(User user) ,这 个 方法 和 任务 5. 2 中 UserManager. UserLogin(string loginName, string 
loginPwd，out User validUser) 相 似 , 都 是 对 业务 逻辑 的 处 理 。 

业务 逻辑 层 除 了 包含 业务 逻辑 的 处 理 外 ,常常 还 用 作 表 示 层 与 数据 访问 层 之 间 的 数 
据 传 递 。 一 般 数 据 访 问 层 公 开 的 方法 会 在 业务 逻辑 层 有 个 相对 应 的 方法 。 例 如 ,对 于 数 
据 访 问 层 的 UserService. AddUser(User user) 方 法 ,在 业务 逻辑 层 还 需 再 创建 一 个 相应 
的 public static void AddUser(User user) 方 法 。 该 方法 没有 业务 逻辑 上 的 处 理 , 仅 仅 是 
调用 了 一 下 数据 访问 层 的 相关 方法 ,为 表示 层 提 供 所 需 的 数据 。 

在 NewsBLL 项 目的 UserManager 类 中 增加 如 下 代码 : 


public static void AddUser(User user) 
{ 
return UserService. AddUser (user); 
} 
/// < summary> 
/// 注册 新 用 户 
/// </summary> 
/// <param name = "user"> 用 户 对 象 </param> 
/// < returns > 布尔 值 </returns> 
public static bool UserRegister(User user) 
{ 
if (UserService. GetUserByLoginName(user. LoginName) != null) 
return false; 
} 


else 
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AddUser (user); 
return true; 


} 
其 中 ,UserService. GetUserByLoginName() 在 任务 5.2 中 已 经 创建 。 


5.3.3 用 户 注册 表示 层 的 实现 


用 户 注册 表示 层 除 了 将 接收 的 用 户 注册 信息 传递 给 业务 逻辑 层 处 理 外 ,还 需要 做 一 
系列 的 注册 信息 验证 ,比如 各 种 输入 内 容 的 非 空 验证 \ 两 次 输入 密码 的 比较 验证 .电子 邮 
件 格式 的 合法 性 验证 ,以 及 为 防止 系统 被 恶意 攻击 要 求 用 户 输入 验证 码 等 。 前 面 列 出 的 
几 种 验证 方式 可 以 借助 Visual Studio 2005 工具 箱 中 “验证 ”选项 卡 提供 的 几 种 验证 控件 
来 实现 。 至 于 验证 码 功 能 ,通过 引入 一 个 第 三 方 控 件 一 一 WebValidates 验证 码 控件 来 

先 在 Web 项 目 中 新 建 一 个 Member 文件 夹 用 于 存放 与 注册 会 员 操作 相关 的 页 面 , 然 
后 在 该 文件 夹 下 创建 页 面 文件 UserRegister. aspx。 

UserRegister. aspx 关键 代码 如 下 : 


<table> 
<tr><td> 用 户 名 </td> 
<td><asp:TextBox ID = "txtLoginName" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvLoginName" runat = "server" ErrorMessage = "请 
输入 用 户 名 " ControlToValidate = "txtLoginName"> * </asp:RequiredFieldValidator ></td></tr> 
<tr>< td> 密 码 </td> 
<td><asp:TextBox ID = "txtLoginPwd" runat = "server" TextMode = "Password"> </asp: 
TextBox > 
<asp:RequiredFieldValidator ID = "rfvLoginpwd" runat = "server" ErrorMessage = "请 
输入 密码 ”ControlTbValidate = "txtLoginPwd"> * </asp:RequiredFieldValidator ></td></tr> 
<tr><td> 确 认 密码 </td> 
<td><asp:TextBox ID = "txtPwdAgain" runat = "server" TextMode = "Password"> </asp: 
TextBox> 
<asp:RequiredFieldValidator ID = "rfvPwdAgain" runat = "server" ErrorMessage = "请 
输入 确认 密码 ”ControlTbValidate = "txtPwdAgain"> * </asp:RequiredFieldValidator> 
< asp:CompareValidator ID = "cvPwdAgain" runat = "server" ErrorMessage = "两 次 
密码 不 一 致 ”ControlToValidate = " txtPwdAgain" ControlToCompare = "txtLoginPwd"> * </asp: 
CompareValidator> 
</td></tr> 
<tr>< td> 真 实 姓名 </td> 
<td><asp:TextBox ID = "txtRealName" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvRealName" runat = " server"” ErrorMessage = "请 
输入 真实 姓名 ”ControlTbVal idate = "txtRealName"> * </asp:RequiredFieldValidator ></td></tr> 
<tr>< td> 地 址 </td> 
<td><asp:TextBox ID = "txtAddress" runat = "server"></asp:TextBox></td></tr> 
<tr><td> 电 话 </td> 
<td><asp:TextBox ID= "txtPhone" runat = "server"></asp:TextBox></td></tr> 


729 


ASP NET 动态 网 站 开发 项 目 化 教程 


<tr><td> 电 子 邮件 </td> 
<td><asp:TextBox ID = "txtEmail”runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvEmail" runat = " server" ErrorMessage = 
"请 输入 电子 邮件 地 址 ”ControlToValidate = "txtEmail"> * </asp:RequiredFieldValidator> 
<asp:RegularExpressionValidator ID = "revEmail" runat = "server" ErrorMessage = 
子 邮 件 地 址 格式 错误 ”ControlTbValidate = "txtEmail" ValidationExpression= "w+ ([ 一 +.']\w+) 
x@\w+([—.]\wt+)x*\.\wt+ ([—.]\w+)*">x*</asp:RegularExpressionValidator></td></tr> 
<tr>< td> 验 证 码 </td> 
<td><asp:TextBox ID = "txtCode" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvCode" runat = "server" ErrorMessage = "请 
输入 验证 码 ”ControlTovalidate = "txtCode"> * </asp:RequiredFieldValidator > 
<ccl:SerialNumber ID= "snCode" runat = "server"> 
</ccl:SerialNumber ></td></tr> 
<tr><td colspan = "2" class = "content_center"> 
<asp:ValidationSummary ID = " vsRegister" runat = " server" ShowMessageBox = 
"true" ShowSummary alse"/></td></tr> 
<tr><td colspan = "2" class = "content center"> 
<asp:Button ID = "btnSubmit" runat = "server” Text = "提交 " OnClick = "btnSubmit_ 


Click" /> 
</td></tr> 
</table> 


UserRegister. aspx. cs 实现 代码 如 下 : 


using NewsModels; 
using NewsBLL; 
namespace Web. Member 
{ 
public partial class UserRegister : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
// 首 次 加 载 生成 新 验证 码 
snCode. Create( ); 


} 
protected void btnSubmit_Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
证 (!CheckCode( )) 
{ 
Common. Message. RegScript(this, "验证 码 错误 !"); 
} 
else 


{ 


User user = new User(); 
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user. LoginName = txtLoginName. Text.Trim(); 
user. LoginPwd = txtLoginPwd. Text.Trim(); 
user. RealName = txtRealName. Text. Trim(); 
user. Address = txtAddress. Text. Trim(); 
user. Phone = txtPhone. Text.Trim(); 
user. Email = txtEmail. Text.Trim(); 
user. Role = "1"; 
if (!UserManager. UserRegister(user)) 
{ 
Common. Message. RegScript(this, "用 户 名 已 使 用 ! 请 重新 选择 !"); 
} 
else 
{ 
Common. Message. RegScript(this, "注册 成 功 ! 请 登录 !"，"UserLogin. 
aspx"); 


private bool CheckCode() 

{ 
if (snCode. CheckSN( txtCode. Text. Trim( ))) // 判 断 验证 码 输入 是 否 正确 
{ 


return true; 


} 


else 
{ 
snCode. Create( ); // 如 果 验 证 码 输入 不 正确 , 则 生成 新 验证 码 


return false; 


. 


用 户 注 册页 验证 效果 如 图 5-17 所 示 。 
会 员 注册 
用 户 名 = 
密码 - 
确认 宪 码 = 
真 立 姓 名 = 
地 址 
电话 
电子 邮件 = 
sua -/2B ec 
[EE 


5-17 用户 注册 页 验证 效果 
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5.3.4 小 结 


(1) 向 数据 库 添 加 数据 的 基本 步骤 为 : 创建 SqlConnection 对 象 习 定义 SQL 语句 
(INSERT) 一 创建 SqlCommand 对 象 一 执行 ExecuteNonQuery() 方 法 一 根据 返回 的 结果 
进行 处 理 。 

(2) 使 用 参数 化 SQL 语句 可 使 程序 结构 更 加 清晰 ,提高 程序 的 可 读 性 。 


5.3.5 思考 与 练习 


1. 用 SqlCommand 对 象 的 ExecuteNonQuery() 方 法 向 数据 库 添 加 数据 的 基本 步骤 
是 什么 ? 
2. 如 何 给 参数 化 SQL 语句 赋 参 数值 ? 


任务 5.4 使 用 GridView 控件 实现 新 闻 管 理 


任务 目标 


(1) 了 解 各 种 数据 源 控 件 与 数据 绑 定 控件 的 类 型 和 作用 。 
(2) 会 用 ObjectDataSource 控件 从 数据 源 获取 数据 。 
(3) 会 用 GridView 控件 显示 、 删 除 , 编 辑 数据 。 


5.4.1 数据 源 控件 与 数据 绑 定 控件 概述 


前 面 介 绍 了 ASP.NET 数据 访问 技术 中 的 ADO. NET 对 象 , 接 下 来 介绍 数据 绑 定 技 
术 , 使 用 该 技术 可 以 使 Web 应 用 程序 轻松 地 与 数据 库 进 行 交互 。 简 单 地 说 ,数据 绑 定 是 将 
数据 源 中 的 数据 取出 来 ,显示 在 页 面 的 各 种 控件 上 ,用 户 可 以 通过 这 些 控 件 查看 和 修改 数 
据 。ASP.NET 2.0 拥有 一 系列 实现 数据 绑 定 的 工具 ,包括 几 个 数据 源 控件 和 数据 绑 定 控件 。 

1. 数据 源 控件 

ASP.NET 2.0 在 ADO.NET 的 数据 模型 基础 上 进行 了 进一步 的 封装 和 抽象 ,提出 
了 一 个 新 的 概念 一 一 数据 源 控件 ”(DataSource Control) 。 数 据 源 控件 用 于 实现 从 不 同 
数据 源 获 取 数 据 的 功能 , 它 可 以 设置 连接 信息 查询 信息 、 参 数 和 行为 ,可 以 消除 ASP.NET 
1. x 中 要 求 的 大 量 的 重复 性 代码 。 数 据 源 控件 被 放置 在 Visual Studio 2005 工具 箱 的 “ 数 
据 ” 选 项 卡 中 ,分 别 以 X X XDataSource 命名 (如 SqlDataSource、ObjectDataSource 等 ) 。 
数据 源 控件 的 类 型 及 作用 如 表 5-10 所 示 。 

桂 别 需要 指出 的 是 ,大 多 数 ASP.NET 数据 源 控件 ,如 SglDataSource, 都 在 两 层 应 用 
程序 层次 结构 中 使 用 。 在 该 层次 结构 中 ,表示 层 (ASP.NET 网 页 ) 可 以 与 数据 层 (数据 库 
和 XML 文件 等 ) 直 接 进行 通信 。 但 是 ,常用 的 应 用 程序 设计 原则 是 ,将 表示 层 与 业务 逻 
辑 相 分 离 ,而 将 业务 逻辑 封装 在 业务 对 象 中 。 这 些 业务 对 象 在 表示 层 和 数据 层 之 间 形 成 
一 层 , 从 而 生成 一 种 三 层 应 用 程序 结构 。ObjectDataSource 控件 通过 提供 一 种 将 相关 页 
上 的 数据 控件 绑 定 到 中 间 层 业务 对 象 的 方法 ,为 三 层 结构 提供 支持 。 
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表 5-10 数据 源 控件 


控件 名 称 说 明 
SqlDataSource 用 于 从 SQL Server`.OLE DB.ODBC Oracle 等 数据 源 中 检索 数据 
AccessDataSource 继承 自 SqlDataSource, 专 门 用 于 从 Access 数据 库 检 索 数据 
可 用 于 三 层 体系 结构 ,能 够 将 来 自 业 务 逻 辑 层 的 数据 对 象 与 表示 层 中 的 数据 
绑 定 控件 绑 定 , 实 现 数据 的 检索 或 更 新 
用 于 检索 和 处 理 XML 文件 。 通 过 XmlDataSource 控件 可 将 一 个 XML 文件 
绑 定 到 一 个 用 于 显示 层次 结构 的 TreeView 或 Menu 控件 上 
结合 ASP.NET 站 点 导航 使 用 。 通 过 SiteMapDataSource 控件 可 将 一 个 站 点 
地 图 文件 . sitemap 绑 定 到 TreeView 或 Menu 控件 上 ,提供 站 点 导航 


ObjectDataSource 


XmlDataSource 


SiteMapDataSource 


2. 数据 绑 定 控件 

数据 源 控件 只 负责 管理 与 实际 数据 存储 源 的 连接 ,并 不 能 呈现 任何 用 户 界面 ,要 将 数 
据 显 示 出 来 ,需要 数据 绑 定 控件 。 数 据 绑 定 控 件 是 将 数据 作为 标记 向 发 出 请 求 的 客户 端 
设备 或 浏览 器 呈现 的 UI 控件 。 数 据 绑 定 控件 包括 GridView、DetailsView、FormView、 
Repeater、DataList 等 。 这 类 控件 主要 提供 数据 显示 、 编 辑 , 删 除 等 相关 用 户 界面 。 

ASP.NET 2.0 中 有 以 下 两 种 数据 绑 定 方式 。 

(1) 使 用 数据 源 控件 

首先 使 用 数据 源 控 件 连接 数据 库 ,并 返回 数据 集合 ,然后 利用 数据 绑 定 控 件 实现 数据 
显示 ,更 新 \ 删 除 等 功能 。 

其 中 , 需 通 过 一 个 重要 属性 DataSourceID( 所 有 数据 绑 定 控件 共有 的 属性 ) 将 数据 源 
控件 和 数据 绑 定 控件 “连接 ?起 来 。 可 以 直接 设置 该 属性 ,也 可 以 通过 编写 代码 实现 。 语 
法 格式 为 : 

数据 绑 定 控件 ID. DataSourceID = 数据 源 控件 ID; 


(2) 编码 指定 数据 源 
即 编写 代码 在 程序 运行 中 动态 绑 定 数据 源 。 比 如 : 


gvUsers. DataSource = NewsBLL. UserManager.GetUsers(); 
gvUsers. DataBind( ); 


其 中 ,gvUsers 为 数据 绑 定 控件 ID,GetUsers() 返 回 一 个 数据 集合 作为 数据 源 。 
5.4.2 GridView 控件 简介 

GridView 控件 以 表 的 形式 显示 数据 ,每 一 列 代 表 一 个 字段 ,每 一 行 代表 一 条 记录 。 
可 配合 数据 源 控件 对 数据 库 进行 浏览 ,编辑 、 删 除 等 操作 。GridView 控件 中 的 数据 显示 
格式 既 可 以 套用 已 存在 的 格式 ,也 可 以 通过 属性 来 设置 ,包括 GridView 控件 行 的 布局 、 


颜色 ,字体 、 对 齐 方式 以 及 指定 行 中 包含 的 文本 和 数据 的 显示 。GridView 控件 的 常用 属 
性 与 事件 如 表 5-11 所 示 。 


83 


ASP NET 动 态 网 站 开发 项 目 化 教程 


表 5-11 GridView 控件 的 常用 属性 与 事件 


属 性 说 明 
AutoGenerateColumns | 获取 或 设置 一 个 值 ,该 值 指示 是 否 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字 段 
AllowPaging 获取 或 设置 一 个 值 ,该 值 指示 是 否 启用 分 页 功能 
PageSize 获取 或 设置 GridView 控件 在 每 页 上 所 显示 的 记录 数目 
获取 或 设置 一 个 数组 ,该 数组 包含 了 显示 在 GridView 控件 中 的 项 的 主键 字 
DataKeyNames 
段 的 名 称 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID, 数 据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
事 件 说 明 
DataBound 在 GridView 控件 完成 到 数据 源 的 绑 定 后 发 生 
RowDataBound 在 GridView 控件 中 的 某 个 行 被 绑 定 到 一 个 数据 记录 时 发 生 


PageIndexChanging 单 击 “ 页 导航 ”按钮 时 ,在 GridView 控件 执行 分 页 操作 之 前 发 生 


单 击 GridView 控件 内 某 一 行 的 “删除 ”按钮 时 ,在 GridView 控件 从 数据 源 


Sm 删除 该 行 记录 之 前 发 生 
oa 单 击 GridView 控件 内 某 一 行 的 “删除 ”按钮 时 ,在 GridView 控件 从 数据 源 
删除 该 行 记录 之 后 发 生 
Rd 单 击 GridView 控件 内 某 一 行 的 “编辑 ”按钮 时 ,在 GridView 控件 进入 编辑 
E 模式 之 前 发 生 
RC nell ld 单 击 GridView 控件 内 某 一 行 的 “编辑 按钮 时 ,在 GridView 控件 退出 编辑 
‘Owlanceling) 1 模式 之 前 发 生 
gE 单 击 GridView 控件 内 某 一 行 的 “更 新 "按钮 时 ,在 GridView 控件 更 新 记录 
RowUpdating 
之 前 发 生 
单 击 GridView 控件 内 某 一 行 的 “更 新 "按钮 时 ,在 GridView 控件 更 新 记录 
RowUpdated 
之 后 发 生 


5.4.3 ”新 闻 类 别管 理 数 据 访 问 层 与 业务 逻辑 层 的 实现 


要 实现 新 闻 类 别 的 显示 、 编 辑 、 删 除 功能 , 仍 需 从 数据 访问 层 、 业 务 逻 辑 层 和 表示 层 分 


别 进行 编码 。 
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1. 新 闻 类 别管 理 数据 访问 层 的 实现 
在 NewsDAL 项 目 中 新 建 类 文件 NewsCategoryService. cs, 其 关键 代码 如 下 : 


using NewsModels; 
namespace NewsDAL 
{ 
public static class NewsCategoryService 
{ 
private static string connectionString = ConfigurationManager. ConnectionStrings 
["NewsDBConnectionString"]. ConnectionString; 
/// < summary> 
/// 删除 新 闻 类 别 
/// </summary> 
/// < param name = "newsCategory"> 新 闻 类 别 对 象 </param> 
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public static void DeleteNewsCategory(NewsCategory newsCategory) 


下 


using (SqlConnection cn = new SqlConnection(connectionString) ) 


{ 


} 


cn. Open(); 

SqlCommand cm = new SqlCommand(); 

cm. Connection = cn; 

string sql = "DELETE FROM NewsCategories WHERE Id = @Id"; 
cm. CommandText = sql; 

cm. Parameters. AddWithValue("@Id", newsCategory. Id); 

cm. ExecuteNonQuery( ); 


/// < summary> 

/// 修改 新 闻 类 别 

/// </summary> 

/// < param name = "newsCategory"> 新 闻 类 别 对 象 </param> 

public static void ModifyNewsCategory(NewsCategory newsCategory) 


{ 


using (SqlConnection cn = new SqlConnection(connectionString)) 


: 


} 


cn. Open(); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = 
"UPDATE NewsCategories " + 
"SET" + 
"Name = @Name" + 
"WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", newsCategory. Id); 
cm. Parameters. AddWithValue("@Name", newsCategory. Name); 
cm. ExecuteNonQuery( ); 


/// < summary> 

/// 查询 所 有 新 闻 类 别 的 所 有 字段 信息 

/// </summary> 

/// <returns> 新 闻 类 别 对 象 集合 </returns> 

public static IList< NewsCategory> GetNewsCategories() 


{ 


using (SqlConnection cn = new SqlConnection(connectionString)) 


{ 


cn. Open(); 

SqlCommand cm = new SqlCommand(); 

cm. Connection = cn; 

string sql = "SELECT x* FROM NewsCategories"; 
cm. CommandText = sql; 

SqlDataReader dr = cm. ExecuteReader(); 
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// 使 用 List <T> 传 递 实体 对 象 集合 
List <NewsCategory> list = new List<NewsCategory>(); 
while (dr. Read( )) 
{ 
NewsCategory newsCategory = new NewsCategory(); 
newsCategory. Id = (int)dr["Id"]; 
newsCategory. Name = (string)dr["Name"]; 
list. Add(newsCategory); 


} 
dr.Close(); 
return list; 


} 


2. 新 闻 类 别管 理 业务 逻辑 层 的 实现 
在 NewsBLL 项 目 中 新 建 类 文件 NewsCategoryManager. cs, 其 关键 代码 如 下 ; 


using NewsModels; 
using NewsDAL; 
namespace NewsBLL 
{ 
public static class NewsCategoryManager 
{ 
public static void DeleteNewsCategory(NewsCategory newsCategory) 
{ 
NewsCategoryService. DeleteNewsCategory( newsCategory); 
} 
public static void ModifyNewsCategory(NewsCategory newsCategory) 
{ 
NewsCategoryService. ModifyNewsCategory(newsCategory); 
} 
public static IList < NewsCategory> GetNewsCategories() 
. 
return NewsCategoryService. GetNewsCategories( ); 
} 


} 
5.4.4 使 用 GridView 控件 实现 新 闻 类 别 显示 


在 新 闻 系统 中 ,管理 员 后 台 需 具备 用 户 管理 ,新 闻 类 别管 理 、 新 闻 文章 管理 .留言 管理 
等 管理 功能 ,但 对 页 面 的 美观 要 求 不 是 很 高 。 所 以 ,后 台 管 理 页 面 通常 可 使 用 GridView 
控件 进行 列表 显示 。 

在 Web 项 目的 Admin 文件 夹 下 .新 建 页 面 文件 NewsCategoriesManager. aspx。 

使 用 GridView 控件 显示 新 闻 类 别 的 基本 步骤 如 下 。 
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(1) 添加 数据 源 控件 。 切 换 到 “设计 ”视图 ,将 工具 箱 “ 数 据 ” 选 项 卡 中 的 ObjectDataSource 
控件 拖 放 到 页 面 中 ,设置 ObjectDataSource 控件 的 ID 属性 值 为 odsNewsCategories。 单 击 
ObjectDataSource 右上 角 的 小 三 角 按钮 ,在 弹出 的 列表 中 选择 “配置 数据 源 ” 选 项 ,如 图 5-18 所 
示 。 在 弹出 的 “配置 数据 源 -odsNewsCategories” 对 话 框 中 ,选择 “选择 业务 对 象 * 下 拉 列 
表 的 NewsBLL. NewsCategoryManager 选 
项 ,如 图 5-19 所 示 。 单 击 “ 下 一 步 " 按 钮 , 打 
开 图 5-20 所 示 的 对 话 框 定义 各 种 数据 方法 。 
在 SELECT 选项 卡 的 “选择 方法 "下 拉 列 表 ”图 5-18 添加 到 页 面 设计 视图 中 的 数据 源 控件 
中 选择 “GetNewsCategories(), 返 回 IList 
一 NewsCategory 二 ”选项 。 


选 泽 可 以 用 于 检索 或 更 新 数据 的 业务 对 斌 (Siyn ,在 此 应 用 程序 的 Bin 或 App_Code 目录 中 定义 的 对 名 )。 


远 泽 业务 对 象 (C): 
[TREE 


选择 与 SELECT 提 作 关联 并 返回 数 蝴 的 业务 对 象 的 方法 ， 该 方法 可 返回 DataSet、DataReader 或 强 类 型 全 合 , 
示例 : Getproducts(Int32 categoryld) , 它 返 DataSet。 


5-20 ”定义 数据 方法 一 一 配置 SELECT 操作 
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(2) 添加 GridView 控件 。 将 工具 箱 * 数 据 ?选项 卡 中 的 GridView 控件 拖 放 到 页 面 
中 ,设置 GridView 控件 的 ID 属性 值 为 gvNewsCategories。 单 击 GridView 右上 角 的 小 
三 角 按 钮 ,在 “选择 数据 源 " 下 拉 列 表 中 选择 前 面 创 建 的 数据 源 odsNewsCategories ,将 数 
据 源 绑 定 到 GridView 控件 ,如 图 5-21 所 示 。 或 者 将 gvNewsCategories 的 DataSourceID 
属性 值 设 置 为 odsNewsCategories 完成 相同 功能 。 在 选择 了 数据 源 后 ,GridView 任务 菜 
单 中 将 多 出 若干 选项 ,如 图 5-22 所 示 。 若 希望 程序 具有 "分 页 "“ 删 除 "“ 编 辑 等 数据 库 
操作 功能 可 选择 相应 的 复 选 框 。 此 时 ,已 经 完成 了 GridView 控件 最 简单 的 数据 绑 定 。 
运行 页 面 ,GridView 控件 显示 新 闻 类 别 列表 初步 效果 如 图 5-23 所 示 。 可 以 对 GridView 
控件 的 显示 效果 再 做 改进 ,例如 使 GridView 的 界面 更 加 美观 ,把 列表 标题 改 成 中 文 显 示 
并 隐藏 Id 列 、 当 记录 数 太 多 时 能 分 页 显示 等 。 下 面 在 此 基础 上 使 用 GridView 控件 其 他 
的 一 些 功能 。 


odsNewsCateqories 


图 5-21 将 数据 源 绑 定 到 GridView 控件 


自动 套用 客 式 .… 


图 5-22 ”GridView 任务 菜单 图 5-23 用 GridView 显示 新 闻 类 别 初步 效果 的 运行 界面 


(3) 设置 GridView 控件 的 外 观 。 单 击 GridView 右上 角 的 小 三 角 按 钮 ,在 如 图 5-22 
所 示 的 GridView 任务 菜单 中 ,选择 “自动 套用 格式 "命令 打开 如 图 5-24 所 示 的 对 话 框 ,可 
在 “选择 方案 ”列表 中 任 选 一 种 显示 格式 (如 “专业 型 ”) 改 变 GridView 外 观 。 

(4) 自 定义 GridView 控件 显示 列 。 在 如 图 5-22 所 示 的 GridView 任务 菜单 中 ,选择 
“编辑 列 ” 命 令 打 开 * 字 段 ? 对 话 框 , 为 了 能 手动 选择 需要 绑 定 的 列 , 先 去 掉 左 下 方 “ 自 动 生 
成 字段 " 复 选 框 前 面 的 “VV”。 然 后 ,在 左上 方 “ 可 用 字段 ”列表 中 选择 BoundField 选项 , 单 
击 “ 添 加 ”按钮 将 其 添加 到 “ 选 定 的 字段 "列表 ,在 右边 "BoundField 属性 ?列表 中 ,设置 该 
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数据 绑 定 。 数据 绑 定 
Col0 Coll 


图 5-24 “自动 套用 格式 ”对 话 框 


绑 定 列 的 DataField 属性 为 Id、HeaderText 属性 为 ld、Visible 属性 为 False。 类 似 地 ,再 
添加 另 一 个 绑 定 列 ,设置 该 绑 定 列 的 DataField 属性 为 Name、HeaderText 属性 为 “类 别 
名 称 ”。 绑 定 列 设 置 结果 如 图 5-25 所 示 , 有 关 绑 定 列 的 常用 属性 如 表 5-12 所 示 。 此 时 ， 
已 经 实现 了 所 有 新 闻 类 别 的 显示 。 从 如 图 5-26 所 示 页 面 运行 效果 来 看 ,虽然 GridView 
上 绑 定 了 字段 Id, 却 没有 显示 在 页 面 上 。 通 过 手动 设置 绑 定 列 , 可 以 达到 自由 绑 定 或 显 
示 列 的 目的 。 


可 用 字段 (A): BoundField 属性 (P): 
加 BoundField 国外 | 
- 团 checkBoxrield 
用 ms AccessibleHeaderTexll 
各 mageria 
|- 国 ButtonField 
由 辣 commandField 
- 国 TemplateField 


5-25 绑 定 字段 
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(5) 启用 分 页 。 在 图 5-22 所 示 的 GridView 任务 菜单 中 ,选中 * 启 用 分 页 ” 复 选 框 。 
或 者 将 GridView 的 AllowPaging 属性 改 成 True 完成 相同 功能 。 在 默认 情况 下 ,每 页 显 
示 10 条 记录 ,可 通过 PageSize 属性 修改 。 在 “设计 ”视图 下 ,设置 分 页 后 的 GridView 如 
图 5-27 所 示 。 


图 5-26 ”用 GridView 显示 新 闻 类 别 列表 运行 界面 ”图 5-27 设置 分 页 后 在 “设计 ”视图 下 的 GridView 
表 5-12 ”BoundField 列 的 常用 属性 


属 性 说 明 
DataField 获取 或 设置 要 绑 定 到 BoundField 对 象 的 数据 字段 的 名 称 
HeaderText 获取 或 设置 显示 在 数据 控件 标 头 中 的 文本 
Visible 获取 或 设置 指示 是 否 呈 现 数据 控件 字段 的 值 


获取 或 设置 字符 串 , 该 字符 串 指 定 字 段 值 的 显示 格式 。 例 如 ,格式 化 字符 
DataFormatString 串 “{0:F2}" 将 显示 带 两 位 小 数 的 定点 数 。 注 意 ,使 用 DataFormatString 属 
性 时 ,必须 将 HtmlEncode 属性 设置 为 False, 和 否则 设置 无 效 

获取 或 设置 一 个 值 , 该 值 指示 在 BoundField 对 象 中 显示 字段 值 之 前 ,是 否 
对 这 些 字段 值 进行 HTML 编码 

ReadOnly 获取 或 设置 一 个 值 , 该 值 指示 是 否 可 以 在 编辑 模式 中 修改 字段 的 值 


5.4.5 使 用 GridView 控件 实现 新 闻 类 别 的 编辑 删除 


在 默认 情况 下 ,GridView 控件 在 只 读 模 式 下 显示 数据 。 但 是 ,该 控件 还 支持 一 种 编 
辑 模式 ,在 该 模式 下 控件 显示 一 个 包含 可 编辑 控件 (如 TextBox) 的 行 。 除 此 之 外 ,还 可 以 
对 GridView 控件 进行 配置 以 显示 一 个 删除 按钮 ,用 户 可 单 击 该 按钮 来 删除 数据 源 中 相 
应 的 记录 。 下 面 继续 给 NewsCategoriesManager. aspx 页 面 增加 编辑 和 删除 功能 。 

使 用 GridVievw 控件 编辑 ,删除 新 闻 类 别 的 基本 步骤 如 下 。 

(1) 在 数据 源 控件 定义 数据 方法 。 切 换 到 “设计 ”视图 ,打开 如 图 5-20 所 示 的 对 话 框 ， 
打开 UPDATE 选项 卡 选择 ModifyNewsCategory(NewsCategory newsCategory) 方 法 ， 
打开 DELETE 选项 卡 选 择 DeleteNewsCategory(NewsCategory newsCategory) 方 法 。 

(2) 设置 DataKeyNames 属性 。 设 置 GridView 控件 的 DataKeyNames 属性 为 Id。 

注意 : 使 用 DataKeyNames 属性 指定 表示 数据 源 主键 的 字段 。 必 须 设置 该 属性 , 否 
则 GridView 控件 的 自动 更 新 和 删除 功能 将 不 起 作用 。 这 也 是 前 面 做 GridView 显示 功 
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能 时 , 虽 不 想 在 用 户 界 面 上 出 现 Id, 却 要 在 页 面 上 绑 定 Id 的 原因 。 

(3) 添加 编辑 列 与 删除 列 。 在 如 图 5-22 所 示 的 GridView 任务 菜单 中 ,选择 “编辑 
列 ” 命 令 打 开 “ 字 段 ” 对 话 框 ,在 左上 方 “ 可 用 字段 "列表 中 将 CommandField 前 的 “十 ”号 展 
开 , 分 别 选择 “编辑 更新、 取消 ”选项 与 “删除 ”选项 添加 到 “ 选 定 的 字段 ”列表 中 ,如 
图 5-28 所 示 。 程 序 运 行 后 显示 如 图 5-29 所 示 的 界面 ,如 果 单 击 页 面 中 “删除 ”按钮 , 则 所 
在 行 的 数据 记录 将 直接 从 数据 库 中 删除 。 如 果 单 击 页 面 中 “编辑 ”按钮 , 则 页 面 切 换 为 如 
图 5-30 所 示 的 编辑 模式 ,在 修改 了 数据 后 可 单 击 * 更 新 ”按钮 将 现 有 数据 保存 到 数据 库 
中 , 单 击 “ 取 消 ” 按 钮 则 放弃 对 数据 的 修改 。 

(4) 设置 模板 列 。 数 据 绑 定 控件 的 模板 列 可 用 于 显示 用 户 自 定义 内 容 。 比 如 想 在 编 
辑 时 进行 类 别名 称 输入 的 非 空 验证 ,或 是 在 删除 前 加 上 一 个 确认 删除 的 对 话 框 ,可 结合 将 
有 关 列 转换 为 模板 列 来 实现 。 打 开 如 图 5-28 所 示 的 “字段 ”对 话 框 ,在 左下 方 “ 选 定 的 字 
段 " 列 表 中 ,选择 “类 别名 称 ” 选 项 , 单 击 右 下 方 “将 此 字段 转换 为 TemplateField” 超 链接 将 
它 转换 为 模板 列 。 在 如 图 5-22 所 示 的 GridView 任务 菜单 中 ,选择 “编辑 模板 ”进入 
GridView 的 模板 编辑 模式 ,在 “显示 ”下 拉 列 表 中 选择 ”Column[1]- 类 别名 称 ” 以 展开 显示 
所 有 的 模板 项 ,向 EditItemTemplate 模板 项 设置 一 个 数据 验证 控件 RequiredFieldValidator, 使 
得 能 够 对 该 模板 项 中 的 文本 框 控件 进行 非 空 验证 ,如 图 5-31 所 示 。 类 似 地 ,将 “字段 ”对 
话 框 中 的 CommandField* 删 除 ” 列 也 转换 为 TemplateField 列 ,并 给 “删除 ?按钮 添加 一 个 
客户 端 事件 OnClientClick, 写 上 确认 处 理 的 JavaScript 脚本 : OnClientClick 二 "return 
confirm( ' 确 认 要 删除 吗 ?');"。 这 样 ,执行 删除 操作 时 会 在 网 页 上 弹出 一 个 对 话 框 , 先 让 
用 户 确认 ,然后 再 删除 记录 ,以 避免 误 操作 引起 的 误 删除 。 有 关 TemplateField 列 的 各 个 
模板 项 作用 如 表 5-13 所 示 。 


图 5-28 ”添加 编辑 列 与 删除 列 
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类 别名 称 


面 


i Pa | EEC 上 
所 shell] Tt 


temTemplate 
AlkernatingltemTemplate 
EdititemTemplate 


JAleratingltemTemplate || HeaderTemplate 
FooterTemplate 


EdithemTemplate 


HeaderTemplate 


FooterTemplate 


图 5-31 添加 编辑 列 


表 5-13 ”TemplateField 列 的 各 模板 项 说 明 


模板 属性 说 明 
ItemTemplate 为 TemplateField 对 象 中 的 项 指定 要 显示 的 内 容 
AlternatingItemTemplate | 为 TemplateField 对 象 中 的 交替 项 指定 要 显示 的 内 容 
EditItemTemplate 为 TemplateField 对 象 中 处 于 编辑 模式 中 的 项 指定 要 显示 的 内 容 
a 为 TemplateField 对 象 中 处 于 插入 模式 中 的 项 指定 要 显示 的 内 容 。 只 有 

DetailsView 控件 支持 该 模板 

HeaderTemplate 为 TemplateField 对 象 的 标 头 部 分 指定 要 显示 的 内 容 
FooterTemplate 为 TemplateField 对 象 的 脚注 部 分 指定 要 显示 的 内 容 


新 闻 类 别管 理 页 NewsCategoriesManager. aspx 的 部 分 HTML 代码 如 下 所 示 。 


<% @ Page Language = "C#" MasterPageFile = " ~/Admin/Admin. Master" AutoEventWireup = "true" 
CodeBehind = "NewsCategoriesManager. aspx. cs" Inherits = "Web. hdmin. NewsCategoriesManager" Title = 
"类 别管 理 "”%> 

<asp:Content ID= "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
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<div id= "admin div"> 
< asp: GridView ID = " gvNewsCategories" runat 
"odsNewsCategories" AutoGenerateColumns = "False" CellPadding 
GridLines = "None" AllowPaging = "True" DataKeyNames = "Id"> 
<Columns> 
<asp:BoundField DataField = "Id" HeaderText = "Id" Visible= "False" /> 
<asp:TemplateField HeaderText = "类 别名 称 "> 
<EditItemTemplate> 
< asp:TextBox ID = "txtNamel" runat = "server" Text = '<% # Bind 
("Name") %>></asp: TextBox >< asp: RequiredFieldValidator ID = "rfvName" runat = "server" 
ErrorMessage = "类 别名 称 不 能 为 空 ” ControlTbVal idate = "txtName1"></asp:RequiredFieldValidator> 
</EditItemTemplate> 


< ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = ' 必 < 多 井 Bind("Name" ) 


" server" DataSourceID = 
"4" ForeColor = " # 333333" 


%>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField ShowHeader = "False"> 
< ItemTemplate > 
<asp:LinkButton ID = "LinkButton1”runat = "server" CausesValidation= 
"False" CommandName = "Delete" 
Text = "删除 ”OnClientClick = " return confirm( ' 确 认 要 删除 
吗 ?');"></asp:LinkButton> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:CommandField ShowEditButton = "True" /> 
</Columns> 
< RowStyle BackColor = "#F7F6F3" ForeColor = "#333333" /> 
<FooterStyle BackColor = " #5D7B9D" Font - Bold = "True" ForeColor = "White"” /> 
< PagerStyle BackColor = " #284775" ForeColor = "White" HorizontalAlign = "Center" /> 
< SelectedRowStyle BackColor = "#FE2DED6" Font - Bold= "True" ForeColor = "#333333" /> 
< HeaderStyle BackColor = " #5D7B9D" Font - Bold= "True" ForeColor = "White" /> 
< EditRowStyle BackColor = "#999999" /> 
<AlternatingRowStyle BackColor = "White" ForeColor = "#284775" /> 
</asp:GridView> 
<asp: ObjectDataSource ID = " odsNewsCategories" runat = " server" SelectMethod = 
"GetNewsCategories" TypeName = " NewsBLL. NewsCategoryManager" DataObjectTypeName = " NewsModels. 
NewsCategory" DeleteMethod = " DeleteNewsCategory" UpdateMethod = " ModifyNewsCategory"> </asp: 
ObjectDataSource> 
</div> 
</asp:Content > 


新 闻 类 别管 理 页 最 终 运行 效果 如 图 5-32 所 示 。 
5.4.6 新闻 列表 显示 、 删 除数 据 访问 层 与 业务 轨 辑 层 的 实现 


新 闻 列 表 显 示 数 据 访 问 层 与 业务 逻辑 层 的 工作 主要 就 是 对 新 闻 表 (News) 进 行 查询 

并 返回 一 个 新 闻 列 表 对 象 集合 。 
注意 : 新 闻 列表 显示 时 需要 显示 新 闻 类 别名 称 ,而 新 闻 类 别 (NewsCategoryld) 字段 
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图 5-32 新闻 类 别管 理 页 最 终 运行 效果 


在 新 闻 表 (News) 中 是 一 个 以 整数 形式 存在 的 外 键 ,所 以 要 显示 新 闻 类 别名 称 ,还 得 查询 
新 闻 类 别 表 (NewsCategories)。 另 外 ,由 于 新 闻 表 的 新 闻 内 容 (Contents) 字 段 值 的 字数 
太 多 ,通常 在 新 闻 列表 中 不 用 显示 该 字段 ,所 以 查询 时 只 取出 部 分 字段 。 还 有 ,为 了 便于 
新 闻 管 理 , 查 询 时 做 了 搜索 和 排序 功能 。 下 面 针 对 新 闻 的 列表 显示 和 删除 功能 给 出 数据 
访问 层 与 业务 逻辑 层 中 的 实现 方法 。 

1. 新 闻 类 别管 理 数 据 访问 层 、 业 务 逻 辑 层 增加 新 方法 

在 NewsDAL 项 目的 NewsCategoryService 类 中 ,增加 一 个 根据 新 闻 类 别 Id 查询 并 
返回 新 闻 类 别 对 象 的 方法 。 实 现代 码 如 下 : 


/// < summary> 
// 根据 Id 查询 新 闻 类 别 
/// </summary> 
/// <param name = "id"> 新 闻 类 别 Id </param> 
/// < returns > 新 闻 类 别 对 象 </returns> 
public static NewsCategory GetNewsCategoryById( int id) 
using (SqlConnection cn = new SqlConnection(connectionString) ) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand( ) ; 
cm. Connection = cn; 
string sql = "SELECT * FROM NewsCategories WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", id); 
SqlDataReader dr = cm.ExecuteReader(); 
if (dr. Read()) 
{ 
NewsCategory newsCategory = new NewsCategory(); 
newsCategory. Id = (int)dr["Id"]; 
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newsCategory. Name = (string)dr["Name"]; 


dr. Close( ); 
return newsCategory; 
} 
else 
{ 
dr. Close( ); 
return null; 
} 


在 NewsBLL 项 目的 NewsCategoryManager 类 中 ,增加 相应 方法 。 实 现代 码 如 下 : 


public static NewsCategory GetNewsCategoryById( int id) 
{ 

return NewsCategoryService. GetNewsCategoryById( id); 
} 


2. 新 闻 列 表 显示 ,删除 数据 访问 层 的 实现 
在 NewsDAL 项 目 中 新 建 类 文件 NewsService. cs 作为 新 闻 文章 管理 的 数据 访问 层 ， 
在 其 中 编写 与 新 闻 列 表 显 示 和 删除 功能 有 关 的 方法 。 实 现代 码 如 下 : 


using NewsModels; 
namespace NewsDAL 
{ 
public static class NewsService 
{ 
Private static string connectionString = ConfigurationManager. ConnectionStrings 
["NewsDBConnectionString" ].ConnectionString; 
/// < summary> 
/// 删除 新 闻 
/// </summary> 
/// < param name = "news"> 新 闻 对 象 </param> 
public static void DeleteNews(News news) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
| 
cn. Open(); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = "DELETE FROM News WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", news. Id); 
cm. ExecuteNonQuery( ); 
} 
} 
/// < summary> 


/// 根据 SQL 语句 返回 部 分 字段 的 新 闻 列表 
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/// </summary> 
/// < param name = "sql"> SQL 语句 </param> 
/// <returns> 新 闻 对 象 集合 </returns> 
private static IList < News > GetNewsBYSql(string sql) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open( ); 
SqlCommand cm = new SqlCommand( ) ; 
cm. Connection = cn; 
cm. CommandText = sql; 
SqlDataReader dr = cm.ExecuteReader(); 
List<News> list = new List <News>(); 
while (dr. Read()) 
{ 
News news = new News(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "Id") 
news. Id = (int)dr["Id"]; 
else if (fieldName == "Title") 
news. Title = (string)dr["Title"]; 
else if (fieldName == "Author") 
news. Author = (string)dr["Author"]; 
else if (fieldName == "PubDate") 
news. PubDate = (DateTime)dr["PubDate"]; 
else if (fieldName == "Contents") 
news. Contents = (string)dr["Contents"]; 
else if (fieldName == "Clicks") 
news.Clicks = (int)dr["Clicks"]; 
else if (fieldName == "NewsCategoryId") 
{ 


news. NewsCategoryId = (int)dr["NewsCategoryId" ]; 
news. NewsCategory = NewsCategoryService. GetNewsCategoryById 
((int)dr[ "NewsCategoryId" ] ); 
} 
} 
list. Add(news); 
} 
dr.Close(); 
return list; 


} 

/// < summary> 

/// 根据 查询 条 件 ,排序 字段 、 排 序 方向 返回 包含 部 分 字段 (Id, Title, Author, PubDate, 
Clicks, NewsCategoryId) 的 新 闻 列 表 

/// </summary> 

/// < param name = "conditions"> 查 询 条 件 </param> 
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/// < param name = "sortField"> 排 序 字段 </param> 
/// < param name = "direction"> 排 序 方向 </param> 
/// <returns> 新 闻 对 象 集合 </returns> 
public static IList < News > GetNewsPartFieldsByConditions ( string conditions, 
string sortField，string direction) 
{ 
string sql = "SELECT Id, Title, Author, PubDate, Clicks, NewsCategoryId FROM News"; 
if (conditions. Trim().Length > 0) 
{ 
sql += "WHERE " + conditions; 
} 
if (sortField. Trim().Length > 0) 
{ 
Sql += "ORDER BY " + sortField; 
} 
if (direction. Trim().Length > 0) 
{ 
sql += "" + direction; 
} 
return GetNewsBySq]l( sql); 


. 


3. 新 闻 列 表 显 示 、 删 除 业务 逻辑 层 的 实现 
在 NewsBLL 项 目 中 新 建 类 文件 NewsManager. cs 作为 新 闻 文 章 管 理 的 业务 旬 辑 
层 , 在 其 中 编写 新 闻 列 表 显示 和 删除 的 相应 方法 。 实 现代 码 如 下 : 


using NewsModels; 
using NewsDAL; 
namespace NewsBLL 
{ 
public static class NewsManager 


{ 
public static void DeleteNews(News news) 
{ 


NewsService. DeleteNews(news) ; 
} 
public static IList < News > GetNewsPartFieldsByConditions (string conditions, 
string sortField, string direction) 
{ 
return NewsService. GetNewsPartFieldsByConditions(conditions, sortField, direction); 
六 


} 
5.4.7 使 用 GridView 控件 实现 新 闻 列 表 的 显示 、 删 除 


管理 员 后 台 的 新 闻 文章 管理 页 面 需要 以 列表 方式 显示 新 闻 , 同 样 也 可 使 用 GridView 
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控件 实现 。 与 前 面 新 闻 类 别管 理 页 面相 比 , 删 除 操作 的 处 理 方法 是 一 样 的 ,在 此 不 再 更 
述 。 不同 之 处 在 于 , GridView 表格 里 显示 新 闻 类 别名 称 时 ,要 注意 对 外 键 对 象 
NewsCategory 的 处 理 方法 。 另 外 ,GridVievw 表格 里 只 列 出 部 分 字段 ,新闻 内 容 字 段 通常 
放 在 新 闻 详 细 页 显示 ,同时 可 在 新 闻 详 细 页 做 新 闻 编 辑 功 能 (有 关 新 闻 详 细 页 设计 参见 
任务 5. 6) 。 还 有 ,为 了 便于 新 闻 管 理 , 在 新 闻 文章 管理 页 做 了 搜索 和 排序 功能 (参见 任 
务 5.5)。 下 面 先 为 新 闻 文 章 管理 表示 层 完成 新 闻 列 表 的 显示 功能 。 

在 Web 项 目的 Admin 文件 夹 下 ,新 建 页 面 文件 NewsManager. aspx。 

使 用 GridView 控件 显示 新 闻 列 表 的 基本 步骤 如 下 。 

(1) 设置 3 个 隐藏 域 控 件 。 切 换 到 “设计 "视图 ,从 工具 箱 “ 标 准 ” 选 项 卡 向 页 面 拖 放 3 个 
HiddenField 控件 ,设置 其 ID 属性 值 分 别 为 hfSearch、hfSortField、hfDirection, 用 于 保存 
查询 条 件 ,排序 字段 和 排序 方向 的 值 。 并 给 这 些 控 件 赋 初 值 ,其 Value 属性 值 分 别 设 为 
“1=1”,“Id” “DESC”. 

(2) 添加 数据 源 控件 。 向 页 面 拖 放 一 个 ObjectDataSource 控件 ,设置 其 ID 属性 值 为 
odsNews。 配 置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 逻辑 层 NewsManager 类 的 
GetNewsPartFieldsByConditions() 方 法 ,用 于 获取 新 闻 数 据 。 其 查询 参数 值 来 自 3 个 隐 
藏 域 控件 ,设置 方式 如 图 5-33 所 示 。 


性 = 


向 导 在 您 的 SELECT 方法 中 检测 到 一 个 或 义 个 参数 ， 请 为 SELECT 方法 中 的 每 个 参数 和 择 参数 值 的 源 , 


者 数 (E): 

名 和 值 

conditions hfsearchValue 
sortField hlsortFfield Value 


方法 从 名 (M): 
GetNewsPart FieldsByConditions(String conditions, String sortField, String direction) , 返回 [List<News> 


ed | Ge ed 


图 5-33 ”为 新 闻 列表 显示 的 SELECT 方法 定义 参数 


(3) 设置 GridView 控件 各 字段 。 在 数据 源 各 字段 中 ,由 于 新 闻 类 别 字 段 是 一 个 对 象 ， 
绑 定时 用 模板 列 实现 , 绑 定 值 设 为 Text 二 ' 二 %# Bind("NewsCategory. Name") % 记 '。 另 
外 ,给 GridView 设置 一 个 超 链 接 列 HyperLinkField, 单 击 时 可 跳 转 到 新 闻 详 细 页 显示 当 
前 记录 的 详细 信息 。HyperLinkField 列 的 常用 属性 如 表 5-14 所 示 。 
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表 5-14 HyperLinkField 列 的 常用 属性 


属 性 说 明 


DataNavigateUrlFields 


获取 或 设置 数据 源 中 字段 的 名 称 , 用 于 为 HyperLinkField 对 象 中 的 
超 链 接 构造 URL 


DataNavigateUrlFormatString 


获取 或 设置 用 于 指定 格式 的 字符 串 , HyperLinkField 对 象 中 的 超 链 
接 的 URL 将 以 此 格式 呈现 


DataTextField 


获取 或 设置 数据 源 中 的 字段 的 名 称 , 此 名 称 包含 要 为 HyperLinkField 


对 象 中 的 超 链 接 标题 显示 的 文本 

DataTextFormatString 获取 或 设置 用 于 指定 格式 的 字符 串 , HyperLinkField 对 象 中 的 超 链 
接 标 题 将 以 此 格式 显示 

Text 获取 或 设置 要 为 HyperLinkField 对 象 中 的 每 个 超 链 接 显示 的 文本 


新 闻 文 章 管理 页 NewsManager. aspx 的 部 分 HTML 代码 如 下 所 示 : 


<asp:HiddenField ID = "hfSortField" runat = "server" Value= "Id" /> 
<asp:HiddenField ID = "hfDirection" runat = "server" Value = "DESC" /> 
<asp:HiddenField ID = "hfSearch" runat = "server" Value= "1=1" /> 
<asp:GridView ID = "gvNews" runat = "server" AutoGenerateColumns = "False" DataSourceID = 
"odsNews" DataKeyNames = "Id" AllowPaging = "True"> 
< Columns> 
<asp:BoundField DataField= "Id" HeaderText = "Id" Visible= "False" /> 
<asp:BoundField DataField = "Title" HeaderText = "标题 " /> 
<asp:BoundField DataField = "Ruthor" HeaderText = "作者 " /> 
<asp:BoundField DataField = "PubDate" HeaderText = "日 期 " /> 
<asp:BoundField DataField = "Clicks" HeaderText = "浏览 次 数 " /> 
<asp:TemplateField HeaderText = "类 别 "> 
< ItemTemplate> 
<asp:Label ID= "Labell" runat = "server" Text = '<% # Bind("NewsCategory. 
Name") %>></asp:Label > 
</ItemTemplate> 
</asp: TemplateField> 
<asp:TemplateField ShowHeader = "False"> 
<ItemTemplate> 
<asp:LinkButton ID = "LinkButtonl" runat = "server" CausesValidation = "False" 
CommandName = "Delete"” Text = "删除 ”OnClientClick = "return confirm( ' 确 认 要 删除 吗 ?');"></asp: 
LinkButton> 


</ItemTemplate> 
</asp:TemplateField> 
<asp:HyperLinkField Text = "详细 " DataNavigateUrlFields = "Id" DataNavigateUrlFormat- 
String = "EditNews.aspx?Id= {0}" /> 
</Columns> 
</asp:GridView> 
<asp:ObjectDataSource ID = "odsNews" runat = "server" DataObjectTypeName = "NewsModels. News" 
DeleteMethod = " DeleteNews" SelectMethod = "GetNewsPartFieldsByConditions" TypeName = " NewsBLL. 
NewsManager"> 
< SelectParameters > 
< asp: ControlParameter ControlID = "hfSearch" Name = "conditions" PropertyName = 
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Type= "String" /> 
<asp:ControlParameter ControlID = "hfSortField" Name = "sortField" PropertyName = 
"Value" 
Type= "String" /> 
<asp:ControlParameter ControlID = "hfDirection" Name = "direction" PropertyName = 
"Value" 
Type= "String" /> 
</SelectParameters> 
</asp:0bjectDataSource> 


用 GridView 控件 显示 新 闻 列 表 运 行 效果 如 图 5-34 所 示 。 


青森 2009/8/19 14:51:20 
乔 t 慧 2009/8/19 14:40:52 
吴 晓 2009/7/2 15:00:00 
张 凡 2009/7/2 14:49:00 
公告 牌 Hot100 单 曲 榜 50 周 年 叶 香 2009/7/2 11:01:00 
性 求 河 世纪 3 少 香 老 首 映 tungstar 2009/7/2 10:40:00 
中 国 女 队 跻身 接力 决赛 Belldandy C2009/7/2 10:39:00 
盘点 新 世纪 同 坛 10 冷 门 2009/7/2 10:38:00 
多 教 上 市 银行 已 超额 充 成 全 年 信贷 目标 2009/7/2 10:37:00 
中 国 《深圳 》 国 际 金融 博览 会 今 开 幕 I 2009/7/2 10:35:00 


出 了 
电话 
[5 
出 除 
到 许 
同族 
量 除 
[3 
蜡 除 
出 除 


图 5-34 用 GridView 控件 显示 新 闻 列 表 运行 效果 
5.4.8 小 结 


(1) ASP.NET 2.0 极 大 地 简化 了 数据 库 访 问 , 可 以 通过 数据 源 控件 和 数据 绑 定 控件 
展示 数据 。 其 中 数据 源 控件 提供 数据 ,数据 绑 定 控件 提供 展示 。 

(2) 当 系 统 为 三 层 结构 时 ,可 以 将 中 间 层 的 逻辑 功能 封装 到 ObjectDataSource 控件 
中 。 作 为 数据 绑 定 控 件 的 数据 接口 ,可 以 在 ObjectDataSource 控件 中 定义 查询 、 更 新 、 插 
和 删除 等 方法 , 供 数 据 绑 定 控件 调用 ,使 这 些 控件 在 ASP.NET 网 页 上 显示 和 编辑 中 间 
层 业 务 对 象 中 的 数据 。 

(3) 在 使 用 实体 类 开发 三 层 结构 , 且 用 户 的 请 求 需要 返回 实体 对 象 集合 时 ,可 使 用 
List 二 T 二 实现 。 

(4) GridView 控件 按照 数据 源 中 的 一 行 显示 为 输出 表 中 的 一 行 的 规则 以 表 的 形式 
显示 数据 ,并 提供 分 页 以 及 编辑 或 删除 单个 记录 等 功能 。 

(5) 数据 绑 定 控件 的 模板 列 可 用 于 显示 用 户 自 定 义 内 容 。 它 有 两 种 添加 方式 : 直接 
添加 或 者 将 现 有 字段 转换 为 TemplateField。 


5.4.9 思考 与 练习 


1. 用 ObjectDataSource 控件 和 GridView 控件 实现 管理 员 后 台 用 户 管理 列表 显示 。 
2. 用 ObjectDataSource 控件 和 GridView 控件 实现 管理 员 后 台 留 言 管理 列表 显示 。 
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任务 5.5 使 用 DropDownList 控件 
分 类 显示 新 闻 
任务 目标 
(1) 会 用 DropDownList 控件 绑 定 到 数据 源 显 示 数 据 。 
(2) 会 构造 复合 查询 条 件 进行 数据 查询 。 
DropDownList 控件 简介 


DropDownList 控件 是 常用 的 数据 绑 定 控件 之 一 , 它 首先 预定 一 些 列表 项 ,允许 用 户 
从 预定 义 的 列表 中 选择 一 项 , 除 默 认 选 项 外 ,其 他 列表 项 在 用 户 单 击 下 拉 列 表 之 前 一 直 保 
持 隐藏 状态 ,而 且 不 支持 多 选 功 能 。DropDownList 控件 的 常用 属性 与 事件 如 表 5-15 
所 示 。 


5:5,1 


表 5-15 DropDownList 控件 的 常用 属性 与 事件 


属 性 说 明 
i 获取 或 设置 一 个 值 ,该 值 指 示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 
产生 向 服务 器 的 回 发 。 默 认 情况 下 是 false 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
DataTextField 获取 或 设置 为 列表 项 提供 文本 内 容 的 数据 源 字段 
DataValueField 获取 或 设置 为 列表 项 提供 值 的 数据 源 字段 


Items 


获取 列表 控件 项 的 集合 


SelectedIndex 


获取 或 设置 DropDownList 控件 中 的 选 定 项 的 索引 


SelectedItem 


获取 列表 控件 中 索引 最 小 的 选 定 项 。 它 常用 的 两 个 属性 是 Text 和 Value。 
Text 用 于 获取 或 设置 项 的 显示 文本 ,Value 用 于 获取 或 设置 项 的 值 


SelectedValue 获取 列表 控件 中 选 定 项 的 值 ,或 选择 列表 控件 中 包含 指定 值 的 项 
事 件 说 明 
DataBound 在 DropDownList 控件 绑 定 到 数据 源 后 发 生 


SelectedIndexChanged 


当 列 表 控件 的 选 定 项 改变 并 发 回 服务 器 时 发 生 


5.5.2 使 用 DropDownList 控件 分 类 显示 新 闻 
在 任务 5. 4 中 提 到 了 新 闻 文 章 管理 页 面 有 搜索 新 闻 的 功能 ,搜索 条 件 可 以 有 多 种 ,其 中 


一 种 就 是 可 按 新 闻 类 别 进 行 搜索 。 可 以 这 样 来 设计 用 户 界 面 ,在 页 面 上 放置 一 个 下 拉 列 表 供 
用 户 选择 新 闻 类 别 , 单 击 “ 查 询 ” 按 钮 ,可 在 GridView 控件 提供 的 新 闻 列 表 中 显示 相应 的 查询 
结果 。 在 任务 5.4 中 ,已 经 完成 了 GetNewsCategories() 和 GetNewsPartFieldsByConditions() 两 
个 方法 的 数据 访问 层 及 业务 逻辑 层 的 实现 工作 ,前 者 用 于 获取 新 闻 类 别 对 象 集合 ,后 者 用 
于 根据 查询 条 件 .排序 字段 .排序 方向 返回 包含 部 分 字段 的 新 闻 对 象 集 合 。 所 以 ,现在 只 
需 对 表示 层 做 一 些 改进 工作 就 行 了 ,表示 层 的 工作 分 为 以 下 两 步 来 完成 。 
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1. 使 用 DropDownList 控件 显示 新 闻 类 别 

基本 步骤 如 下 : 

(1) 添加 数据 源 控件 。 打 开 任 务 5. 4 中 已 经 创建 的 页 面 NewsManager. aspx 并 切换 到 * 设 
计 ” 视 图 ,向 页 面 拖 放 一 个 ObjectDataSource 控件 ,设置 其 ID 属性 值 为 odsNewsCategories。 
在 配置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 逻辑 层 NewsCategoryManager 类 的 
GetNewsCategories() 方 法 ,用 于 获取 新 闻 类 别 数据 。 

(2) 添加 DropDownList 控件 。 向 设计 窗 体 拖 放 一 个 DropDownList 控件 ,设置 其 ID 属 
性 值 为 ddlNewsCategorySearch。 单 击 DropDownList 控件 右上 角 的 小 三 角 按钮 ,然后 在 打开 
的 下 拉 列 表 中 选择 “选择 数据 源 ” 选 项 ,弹出 “数据 源 配置 向 导 ” 对 话 框 ,在 “选择 数据 源 ” 
下 拉 列 表 中 选择 odsNewsCategories 选项 ,在 “选择 要 在 DropDownList 控件 中 显示 的 数 
据 字 段 ”" 下 拉 列 表 中 选择 Name 选项 ,在 “为 DropDownList 的 值 选择 数据 字段 "下拉 列 
表 中 选择 Id 选项 ,如 图 5-35 所 示 。 或 者 将 ddlNewsCategorySearch 的 DataSourceID 属 
性 值 设 置 为 odsNewsCategories, DataTextField 属性 值 设 置 为 Name,DataValueField 属性 值 
设置 为 Id 完成 相同 功能 。 这 样 ,就 实现 了 DropDownList 控件 的 数据 绑 定 。 运 行程 序 , 可 看 
到 新 闻 类 别 表 (NewsCategories) 中 的 数据 已 经 显示 在 DropDownList 控件 上 了 。 


> 
为 DropDownUist 的 信 洗 择 数 据闻 会 (C: 
加 - 
图 5-35 ”DropDownList 控件 选择 数据 源 


(3) 为 了 给 下 拉 列 表 再 增加 一 个 “全 部 ”选项 ,可 在 News- 
Manager. aspx. cs 中 编写 ddlNewsCategorySearch_DataBound 
事件 代码 进行 动态 绑 定 。 页 面 运行 后 的 新 闻 类 别 下 拉 列 表 如 
图 5-36 所 示 。 


2. 构造 复合 查询 条 件 实 现 新 闻 查 询 5-36 ”用 DropDownList 
基本 步骤 如 下 : 控件 显示 新 闻 类 
(1) 设置 查询 输入 控件 。 设 计 如 图 5-37 所 示 的 新 闻 文 章 别 列表 运行 界面 
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管理 页 界面 ,新 闻 的 查询 方式 分 为 可 按 类 别 、 标 题 \ 作 者 、 起 止 日 期 等 条 件 进行 组 合 查 询 。 
其 中 ,类 别 用 前 面 已 经 完成 的 DropDownList 控件 选择 ,标题 .作者 用 TextBox 控件 输入 ， 
起 止 日 期 用 TextBox 控件 结合 第 三 方 控件 My97DatePicker 输入 。My97DatePicker 的 
使 用 可 参考 任务 4.2。 将 下 载 的 整个 My97DatePicker 文件 夹 放 到 Web 项 目 根 目录 中 ， 
在 页 面 中 的 引用 方式 参见 下 面 的 HTML 代码 。 


类 别 | 数据 晨 定 
查询 方式 ,| 标题 区 | 
旧 期 


序 方式 : | 加 


标题 ”作者 ”日 期 浏览 次 数 类 别 
据 绢 定数 据 亡 定数 据 缔 定 数据 绪 定 数据 寺 定 删除 详细 
据 绑 定 数据 绑 定 数据 缮 定数 据 绑 定 数据 绪 定 删除 详细 
有关 绢 定 数据 绑 定 数据 弹 定 数据 绑 定 数据 绑 定 删除 详细 
数 据 绑 定 数据 绑 定 数据 弹 定 数据 绑 定 数据 绑 定 删 除 详细 
据 绑 定 数据 绑 定 数据 弹 定 数据 绑 定 数据 绑 定 删 除 译 细 | 
据 绑 定 数据 绑 定 数据 绊 定 数据 绑 定 数据 绑 定 删 除 详 细 
过 据 绑 定 数据 绑 定 数据 绊 定数 据 绑 定 数据 绑 定 删除 详细 
迷 据 绑 定 数据 绑 定 数据 绊 定 数据 绑 定 数据 绑 定 删除 详细 
让 据 绑 定 数据 绑 定 数据 绊 定 数据 绑 定 数据 绑 定 删除 详细 
由 据 绑 定 数据 绑 定 数据 绑 定 孝 据 绑 定 数据 绑 定 删 除 庄 细 
12 


iddenField - hfsearch 


图 5-37 新 闻 文章 管理 页 设计 视图 


(2) 编写 查询 事件 。 在 “查询 ”按钮 btnSearch 的 Click 事件 中 编写 代码 构造 复合 查 
询 条 件 , 并 以 字符 串 形 式 保存 在 隐藏 域 控 件 hfSearch 中 。 
改进 后 的 新 闻 文 章 管理 页 NewsManager. aspx 的 关键 HTML 代码 如 下 所 示 : 


<% @ Page Language = "C#" MasterPageFile = " ~/Admin/Admin. Master" AutoEventWireup = 
"true" CodeBehind = "NewsManager.aspx. cs"” Inherits = "Web. Admin. NewsManager"” Title = "文章 
管理 "”%> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 
< script language = " javascript" type = " text/javascript" src = "../My97DatePicker/ 
WdatePicker. js"></script > 
<table> 
<tr><th rowspan = "3"> 查 询 方式 : </th> 
<td> 类 别 </td> 
<td colspan = "4"> 
< asp:DropDownList ID = "ddlNewsCategorySearch" runat = "server" DataSourceID = 
"odsNewsCategories”DataTextField = "Name" DataValueField= "Id" OnDataBound = "ddlNewsCategory- 
Search_DataBound"></asp:DropDownList></td></tr> 


<tr><td> 标 题 </td> 
<td><asp:TextBox ID = "txtTitleSearch" runat = "server"></asp:TextBox></td> 
<td> 作 者 </td> 
<td>< asp:TextBox ID = "txtAuthorSearch" runat = "server"></asp:TextBox ></td> 
<td></td></tr> 
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<tr><td> 日 期 </td> 
< td>< asp: TextBox ID = "txtStartTime" runat = "server" CssClass = "Wdate" 
‘onClick = "WdatePicker( {dateFmt:'yyyy — MM — dd HH:mm: ss'})"></asp:TextBox></td> 
<td>——</td> 
<td>< asp:TextBox ID = "txtEndTime" runat = "server" CssClass = "Wdate" onClick = 
"WdatePicker( {dateFmt: 'yyyy — MM — dd HH: mm: ss'})"></asp: TextBox ></td> 
< td><asp:Button ID= "btnSearch" runat = " server" Text = "查询 ”OnClick = 
"btnSearch_Click" /></td></tr> 
<tr><th> 排 序 方式 : </th> 
<td colspan = "2"><asp:Button ID = "btnTitleSort" runat = "server" Text = " 按 标 
题 升序 "OnClick = "btnTitleSort_Click" /> | < asp: Button ID = "btnPubDateSort" runat = 
"server" Text = " 按 日 期 升序 " OnClick= "btnPubDateSort_Click" /></td> 
<td><asp:HiddenField ID = "hfSortField" runat = "server" Value= "Id" /></td> 
<td><asp:HiddenField ID= "hfDirection" runat = "server" Value = "DESC" /></td> 
<td><asp:HiddenField ID = "hfSearch" runat = "server" Value= "1=1" /></td> 
</tr> 
</table> 
<div id= "admin div"> 
<asp:GridView ID = "gvNews" runat = "server" AutoGenerateColumns = "False" DataSourceID = 
"odsNews" DataKeyNames = "Id" AllowPaging = "True"> 
< 一 一 此 处 代码 省 略 ,参见 任务 5.4 一- %> 
</asp:GridView> 
<asp:ObjectDataSource ID= "odsNews" runat = "server" DataObjectTypeName = "NewsModels. 
News” DeleteMethod = " DeleteNews" SelectMethod = " GetNewsPartFieldsByConditions" TypeName = 
"NewsBLL. NewsManager"> 
<% 一 -此 处 代码 省 略 ,参见 任务 5.4 一- %> 
</asp:ObjectDataSource> 
<asp: ObjectDataSource ID = " odsNewsCategories" runat = " server" SelectMethod = 
"GetNewsCategories" TypeName = "NewsBLL. NewsCategoryManager"></asp:ObjectDataSource> 
</div> 
</asp:Content > 


NewsManager. aspx. cs 的 代码 如 下 所 示 : 


namespace Web. Admin 
{ 
public partial class NewsManager : System. Web. UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
| 
if (!IsPostBack) 
{ 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "PubDateClick"] = "0"; 


} 
protected void btnSearch Click(object sender, EventArgs e) 
{ 

if (Page. IsValid) 
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if (txtStartTime. Text != "") 
{ 
try 
{ 
Convert. ToDateTime( txtStartTime. Text); 
} 
catch (Exception) 
{ 
Common. Message. RegScript(this, "日 期 格式 错误 !"); 
return; 


} 
证 (txtEndTime. Text != "") 
{ 
try 
{ 
Convert. ToDateTime( txtEndTime. Text); 
} 
catch (Exception) 
{ 
Common. Message. RegScript(this, "日 期 格式 错误 !"); 
return; 


} 
if (ddlNewsCategorySearch. SelectedIndex == 0) 
{ 
证 (txtStartTime. T == "") 
{ 
if (txtEndTime. Text == "") 
{ 
hfSearch. Value = "Title LIKE '%" + txtTitleSearch. Text. 
Trim() + "%"'AND Author LIKE '%" + txtAuthorSearch. Text.Trim() + "$%"™"; 
} 
else 
{ 
hfSearch. Value = "Title LIKE '%$" + txtTitleSearch. Text.Trim() + 
"%'AND Author LIKE '%" + txtAuthorSearch. Text.Trim() + "%'AND PubDate<='" + txtEndTime. 
Text. Trim() + ""™; 


} 
else 
{ 
if (txtEndTime. Text == "") 
{ 
hfSearch. Value = "Title LIKE '%" + txtTitleSearch. Text.Trim() + 
"% 'AND Author LIKE '% ”+ txtAuthorSearch. Text.Trim() + "%'AND PubDpate>= " + txtStartTime. 
Text. Trimn() + ""™; 
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else 
{ 
hfSearch. Value = "Title LIKE '%" + txtTitleSearch. Text. 
Trim() + "%'AND Author LIKE '%" + txtAuthorSearch. Text.Trim() + "%'AND PubDate>='" + 
txtStartTime. Text. Trim() + "'AND PubDate<='" + txtEndTime.Text. Trim() + "'"; 


} 
} 
} 
else 
{ 
if (txtStartTime. T == "") 
{ 


if (txtEndTime. Text == "") 
{ 
hfSearch. Value = "NewsCategoryId = ”+ ddlNewsCategorySearch. 
SelectedValue + " AND Title LIKE '%$" + txtTitleSearch. Text.Trim() + "%'AND Author LIKE '%" + 
txtAuthorSearch. Text. Trim() + "%'"; 
} 
else 
{ 
hfSearch. Value = "NewsCategoryId=" + ddlNewsCategorySearch. 
SelectedValue + " AND Title LIKE '%" + txtTitleSearch. Text.Trim() + "%'AND Ruthor LIKE '%$" + 
txtAuthorSearch. Text. Trim() + "%'AND PubDate<='" + txtEndTime.Text.Trim() + "'"; 
} 
} 
else 
{ 
if (txtEndTime. Text == "") 
{ 
hfSearch. Value = "NewsCategoryId = ”+ ddlNewsCategorySearch. 
SelectedValue + " AND Title LIKE '%" + txtTitleSearch. Text.Trim() + "%'AND Author LIKE '%$" + 
txtAuthorSearch. Text. Trim() + "$%'AND PubDate>='" + txtStartTime.Text.Trim() + ""™"; 
} 
else 
{ 
hfSearch. Value = "NewsCategoryId=" + ddlNewsCategorySearch. 
SelectedValue + " AND Title LIKE '%" + txtTitleSearch. Text.Trim() + "%'AND Author LIKE '%" + 
txtAuthorSearch. Text. Trim() + "%'AND PubDate>='" + txtStartTime.Text.Trim() + "'AND 
PubDate<='" + txtEndTime.Text.Trim() + "'"; 


} 
} 
} 

} 
} 
protected void ddlNewsCategorySearch DataBound(object sender, EventArgs e) 
{ 

ListItem item = new ListItem(" 全 部 ", "一 1"); 

ddlNewsCategorySearch. Itens. Insert(0, item); 
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protected void btnTitleSort Click(object sender, EventArgs e) 
{ 
hfSortField. Value = "Title"; 
if (ViewState["TitleClick"].ToString() == "0") 
{ 
ViewState[ "TitleClick"] = "1"; 
hfDirection. Value = "ASC"; 
btnTitleSort. Text =“" 按 标题 降序 "; 
} 
else if (ViewState["TitleClick"].ToString() == "1") 
{ 
ViewState[ "TitleClick"] = "0"; 
hfDirection. Value = "DESC"; 
btnTitleSort. Text =" 按 标题 升序 "; 
} 
} 
protected void btnPubDateSort_Click(object sender, EventArgs e) 
{ 
hfSortField. Value = "PubDate"; 
if (ViewState["PubDateClick"].ToString() == "0") 
ViewState[ "PubDateClick"] = "1"; 
hfDirection. Value = "ASC"; 
btnPubDateSort. Text =" 按 日 期 降序 "; 
} 
else if (ViewState["PubDateClick"].ToString() == "1") 
: 
ViewState[ "PubDateClick"] = "0"; 
hfDirection. Value = "DESC"; 
btnPubDateSort. Text = " 按 日 期 升序 "; 


} 
新 闻 文 章 管理 页 最 终 运行 效果 如 图 5-38 所 示 。 
5.5.3 小 结 


(1) DropDownList 控件 可 结合 数据 源 控 件 进行 数据 绑 定 。 其 两 个 重要 属性 : Data- 
TextField 控件 用 于 获取 或 设置 为 列表 项 提供 文本 内 容 的 数据 源 字段 ; DataValueField 
控件 用 于 获取 或 设置 为 列表 项 提供 值 的 数据 源 字 段 。 

(2) 构造 模糊 查询 的 格式 为 : SELECT 字段 列表 FROM 表 名 WHERE 字段 名 
LIKE ' 字 符 串 '。 

5.5.4 思考 与 练习 


1. 如 何 通过 程序 控制 动态 地 为 DropDownList 控件 增加 列表 项 ? 
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图 5-38 新 闻 文章 管理 页 最 终 运行 效果 


2. 完成 管理 员 后 台 用 户 管理 页 的 搜索 和 排序 功能 。 
3. 完成 管理 员 后 台 留 言 管理 页 的 搜索 和 排序 功能 。 


任务 5.6 使 用 DetailsView 控件 实现 
新 闻 详 细 显 示 
任务 目标 


(1) 会 用 DetailsView 控件 显示 、 插 和 人、 编辑 数据 。 
(2) 会 用 FCKeditor 控件 实现 HTML 文本 格式 设置 .图 片上 传 。 


5.6.1 DetailsView 控件 简介 


顾名思义 ,DetailsView 控件 是 用 于 查看 细节 信息 的 控件 ,通常 用 在 主 /从 方案 里 。 在 
这 种 方案 下 , 主 控件 (如 GridView 控件 ) 中 的 所 选 记录 决定 了 DetailsView 控件 显示 的 
记录 。 

DetailsView 控件 与 GridView 控件 一 样 都 继承 于 CompositeDataBoundControl 类 ， 
因此 它们 具有 很 多 共同 的 属性 ,但 也 有 所 不 同 。 

DetailsView 控件 与 GridView 控件 都 以 表格 方式 显示 数据 。GridView 控件 是 面向 整个 
记录 集合 的 ,而 DetailsView 控件 则 是 面向 单条 记录 的 。 在 DetailsView 控件 的 界面 中 每 次 
只 能 显示 一 条 记录 ,而 且 内 容 按照 垂直 方向 排列 ( 即 表格 的 每 一 行 显示 记录 的 一 个 字段 ) 。 
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在 查询 中 若 出 现 多 条 符合 条 件 的 记录 时 ,DetailsView 控件 将 以 分 页 显示 的 方法 处 理 。 

GridView 控件 没有 提供 数据 插入 功能 ,但 DetailsView 控件 却 弥补 了 这 个 不 足 。 
DetailsView 控件 不 仅 可 以 显示 与 它 相关 联 数据 源 中 的 一 条 记录 ,而 且 还 可 以 编辑 插入 
或 删除 记录 。DetailsView 控件 的 常用 属性 与 事件 如 表 5-16 所 示 。 


表 5-16 ”DetailsView 控件 的 常用 属性 与 事件 


属 性 说 明 
ee 获取 或 设置 一 个 值 , 该 值 指示 对 应 于 数据 源 中 每 个 字段 的 行 字段 是 否 自 
动 生成 并 在 DetailsView 控件 中 显示 
CurrentMode 获取 DetailsView 控件 的 当前 数据 输入 模式 
ee 获取 或 设置 DetailsView 控件 的 默认 数据 输入 模式 。 该 属性 为 枚 举 值 , 包 
括 ReadOnly( 显 示 )、Edit( 编 辑 ) Insert( 插 入 ) 
DataKeyNames 获取 或 设置 一 个 数组 ,该 数组 包含 数据 源 的 键 字段 的 名 称 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
事件 说 明 
DataBound 在 DetailsView 控件 完成 到 数据 源 的 绑 定 后 发 生 


ItemDeleting 


单 击 DetailsView 控件 中 的 “删除 ”按钮 时 ,在 删除 记录 之 前 发 生 


ItemDeleted 


单 击 DetailsView 控件 中 的 “删除 "按钮 时 ,在 删除 记录 之 后 发 生 


ItemJInserting 


单 击 DetailsView 控件 中 的 “插入 ”按钮 时 ,在 插入 记录 之 前 发 生 


TtemInserted 


单 击 DetailsView 控件 中 的 “插入 ”按钮 时 ,在 插入 记录 之 后 发 生 


ItemUpdating 


单 击 DetailsView 控件 中 的 “更 新 ”按钮 时 ,在 更 新 记录 之 前 发 生 


ItemUpdated 


单 击 DetailsView 控件 中 的 “更 新 ”按钮 时 ,在 更 新 记录 之 后 发 生 


5.6.2 ”新闻 详细 显示 数据 访问 层 与 业务 好 辑 层 的 实现 


当 新 闻 详 细 显 示 时 ,数据 访问 层 与 业务 逻辑 层 要 能 实现 根据 新 闻 Id 值 从 新 闻 表 
(News) 里 查找 相应 的 新 闻 记 录 , 并 返回 一 个 新 闻 对 象 。 

1. 新 闻 详 细 显 示 数 据 访问 层 的 实现 

在 NewsDAL 项 目的 NewsService 类 中 增加 如 下 代码 : 


/// < summary> 


/// 根据 Id 查询 新 闻 


/// </summary> 


/// <param name = "id"> 新 闻 Id</param> 
/// <returns > 新 闻 对 象 </returns> 
public static News GetNewsById( int id) 


using (SqlConnection cn = new SqlConnection(connectionString) ) 


人 


cn. Open(); 


SqlCommand cm = new SqlCommand( ); 


cm. Connection 


= cn; 


string sql = "SELECT x* FROM News WHERE Id = @Id"; 
cm. CommandText = sql; 
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cm. Parameters. AddWithValue("@Id", id); 
SqlDataReader dr = cm. ExecuteReader(); 
if (dr. Read()) 
{ 
News news = new News(); 
news.Id = (int)dr["Id"]; 
news. Title = (string)dr["Title"]; 
news. Author = (string)dr["Author"]; 
news. PubDate = (DateTime)dr["PubDate"]; 
news. Contents = (string)dr["Contents"]; 
news.Clicks = (int)dr["Clicks"]; 
news. NewsCategoryId (int)dr["NewsCategoryId" ]; 
NewsCategoryService. GetNewsCategoryById (( int ) dr 


news. NewsCategory = 
["NewsCategoryId" ] ) ; 

dr. Close( ); 

return news; 


} 

else 

{ 
dr. Close( ); 
return null; 


, 


2. 新 闻 详 细 显 示 业 务 逻 辑 层 的 实现 

在 NewsBLL 项 目的 NewsManager 类 中 增加 如 下 代码 : 
public static News GetNewsById( int id) 

{ 


return NewsService. GetNewsById( id); 


} 
5.6.3 使 用 DetailsView 控件 实现 管理 员 后 台新 闻 详 细 显 示 


在 任务 5. 4 的 新 闻 文 章 管理 页 NewsManager. aspx 中 ,使 用 GridView 控件 实现 了 
新 闻 列 表 显 示 。 列 表 中 有 个 显示 为 “详细 ”的 HyperLinkField 列 , 它 是 用 于 指向 新 闻 详 细 
页 的 链接 。 单 击 * 详 细 ? 超 链接 ,可 跳 转 到 新 闻 详 细 页 ,同时 还 将 当前 新 闻 记 录 的 Id 值 随 
URL 地 址 一 起 传递 过 去 。 下 面 来 编写 新 闻 详 细 页 面 。 由 于 DetailsView 控件 可 以 显示 
数据 库 中 单条 记录 的 详细 信息 ,所 以 可 使 用 该 控件 完成 新 闻 详 细 页 面 。 在 新 闻 详 细 页 中 ， 
先 根 据 由 NewsManager. aspx 页 传递 过 来 的 新 闻 Id 值 从 新 闻 表 (News) 里 查找 相应 的 新 
闻 记 录 , 再 用 DetailsView 控件 显示 该 新 闻 记 录 的 所 有 字段 信息 。 

在 Web 项 目的 Admin 文件 夹 下 ,新 建 页 面 文件 EditNews. aspx。 

使 用 DetailsView 控件 显示 新 闻 详细 信息 的 基本 步 又 如 下 。 

(1) 添加 数据 源 控件 。 切 换 到 “设计 ”视图 ,向 页 面 拖 放 一 个 ObjectDataSource 控件 ， 
设置 其 ID 属性 值 为 odsNews。 在 配置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 逻辑 层 
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NewsManager 类 的 GetNewsById() 方 法 ,用 于 获取 新 闻 详 细 数据 。 其 查询 参数 值 来 自 查 
询 字 符 串 ,设置 方式 如 图 5-39 所 示 。 


性 es 


向 导 在 您 的 SELECT 方法 中 检测 惠 一 个 或 多 个 大 数 ， 请 为 SELECT 方法 中 的 每 个 参数 竹 择 参数 信 的 源 . 


图 5-39 为 新 闻 详细 显示 的 SELECT 方法 定义 参数 


(2) 添加 DetailsView 控件 。 将 工具 箱 * 数 据 ? 选 项 卡 中 的 DetailsView 控件 拖 放 到 
页 面 中 ,设置 DetailsView 控件 的 ID 属性 值 为 dvNews。 单 击 DetailsView 控件 右上 角 的 
小 三 角 按 钮 打开 DetailsView 任务 菜单 ,在 “选择 数据 源 ” 下 拉 列 表 中 选择 数据 源 
odsNews, 将 数据 源 绑 定 到 DetailsView 控件 。 在 DatailsView 任务 菜单 中 ,选择 “编辑 字 
段 ”", 打 开 “ 字 段 ” 对 话 框 ,为 需要 显示 的 数据 源 中 的 字段 Id、 Title、 Author、 PubDate、 
Contents、 Clicks、NewsCategory. Name 手动 添加 7 个 BoundField 列 ,并 设置 各 个 
BoundField 列 的 DataField 属性 为 对 应 的 字段 名 ,设置 HeaderText 属性 为 中 文 标题 。 需 
要 注意 的 是 , NewsCategory 是 外 键 对 象 , 所 以 必须 将 这 个 BoundField 列 转 换 成 
TemplateField 列 。 这 样 就 实现 了 DetailsView 控件 的 数据 绑 定 。 运 行 界面 如 图 5-40 所 
示 , 可 看 到 某 条 新 闻 的 详细 信息 已 经 显示 在 DetailsView 控件 上 了 。 以 下 是 生成 的 HTML 
关键 代码 : 
< asp: ObjectDataSource ID = "odsNews" runat = "server" SelectMethod = "GetNewsById" TYpeName = 
"NewsBLL. NewsManager”Data0bjectTYpeName = "NewsModels. News"> 
< SelectParameters > 
<asp:QueryStringParameter Name = "id" QueryStringField= "Id" Type = "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
<asp:DetailsView ID= "dvNews" runat = "server" AutoGenerateRows = "False" DataSourceID= 


"odsNews"> 
<Fields> 
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<asp:BoundField DataField = "Id" HeaderText = "Id" /> 
<asp:BoundField DataField= "Title"” HeaderText = "标题 ”/> 
<asp:BoundField DataField = "Author" HeaderText = "作者 " /> 
<asp:BoundField DataField = "PubDate" HeaderText = "日 期 " /> 
<asp:BoundField DataField = "Contents" HeaderText = "内 容 " /> 
<asp:BoundField DataField = "Clicks" HeaderText = "浏览 次 数 " /> 
<asp:TemplateField HeaderText = "类 别 "> 


<EditItenTemplate> 
<asp: TextBox ID = " TextBoxl" runat = " server" Text = '<% # Bind 
("NewsCategory. Name") $%>></asp:TextBox> 
</EditItemTemplate> 


< InsertItemTemplate> 
<asp: TextBox ID = "TextBoxl " runat " server" Text 
("NewsCategory. Name") $%>></asp:TextBox> 
</InsertItemTemplate> 
< ItemTemplate> 
<asp:Label ID= "Label1”runat = "server" Text = '<% # Bind( "NewsCategory. 
Name" ) %>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
</Fields> 
</asp:DetailsView> 


'<% # Bind 


14 
标题 “| 以 但 换 新 拉动 新 车 消费 
作者 “ 景 晓 
日 期 200972 150000 

匡 标 车 1800 万 辆 竺 换 。 流 抽 纵 几 入 入 人 必 生生 节 全 生生 玉 ， 也 是 为 了 环境 保护 、 节 约 宽 源 、 节 约 能 源 、 带 动 就 
方面 的 目的 ， 所 以 是 一 个 长 期 的 战略 任务 ， 发 展 空间 


图 5-40 用 DetailsView 控件 显示 新 闻 详 细 信息 运行 效果 
5.6.4 ”新闻 编 辑 、 添 加 数据 访问 层 与 业务 逻辑 层 的 实现 


1. 新 闻 编 辑 .添加 数据 访问 层 的 实现 
在 NewsDAL 项 目的 NewsService 类 中 增加 如 下 代码 : 


/// < summary> 
/// 添加 新 闻 
/// </summary> 
/// <param name = "news"> 新 闻 对 象 </param> 
public static void AddNews(News news) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand( ) ; 
cm. Connection = cn; 
string sql = 
"INSERT News (Title, Author, PubDate, Contents, Clicks, NewsCategoryId)" + 
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"VALUES (@Title, @Author, @PubDate, @Contents, @Clicks, @NewsCategoryId)"; 


cm.CommandText = sql; 

cm. Parameters. AddWithValue("@Title", news.Title); 

cm. Parameters. AddWithValue("@Author", news. Author); 

cm. Parameters. AddWithValue("(@PubDate", news.PubDate); 

cm. Parameters. AddWithValue("@Contents", news.Contents); 

cm. Parameters. AddWithValue("@Clicks", news.Clicks); 

cm. Parameters, AddWithValue( "(@NewsCategoryId", news.NewsCategoryId); 
cm. ExecuteNonQuery( ); 


/// < summary> 

/// 修改 新 闻 

/// </summary> 

/// < param name = "news"> 新 闻 对 象 </param> 
public static void ModifyNews(News news) 


using (SqlConnection cn = new SqlConnection(connectionString) ) 


下 


cn. Open( ); 
SqlCommand cm = new SqlCommand( ); 
cm. Connection = cn; 
string sql = 
"UPDATE News ”十 
"SET ”+ 

"Title = @Title, " + 

"Author = @Author, " + 

"PubDate = @PubDate, " + 

"Contents = @Contents, " + 

"Clicks = @Clicks, " + 

"NewsCategoryId = @NewsCategoryId" + 
"WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", news. Id); 
cm. Parameters. AddWithValue("@Title", news.Title); 
cm. Parameters. AddWithValue("@Author", news. Author); 
cm. Parameters. AddWithValue( "(@PubDate", news.PubDate); 
cm. Parameters. AddWithValue("@Contents", news.Contents); 
cm. Parameters. AddWithValue("(@Clicks", news.Clicks); 
cm. Parameters. AddWithValue( "@NewsCategoryId", news.NewsCategoryId); 
cm. ExecuteNonQuery( ); 


2. 新 闻 编 辑 、 添 加 业务 逻辑 层 的 实现 
在 NewsBLL 项 目的 NewsManager 类 中 增加 如 下 代码 : 


public static void AddNews(News news) 


{ 
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if (news. Ruthor == null) 
mm 


news. Author = 
news. PubDate = DateTime. Now; 
news. Clicks = 0; 
NewsService. AddNews (news); 


} 
public static void ModifyNews(News news) 


4 
if (news. Author == null) 


mm 


news. Author = 
if (news. PubDate == DateTime.MinValue) 
news. PubDate = DateTime. Now; 
NewsService. ModifyNews(news); 
} 
在 上 面 代码 中 ,对 新 闻 编辑 .添加 时 的 一 些 字段 默认 值 做 了 处 理 。 比 如 添加 一 条 新 闻 
时 ,新 闻 日 期 取 当 前 系统 日 期 ,新 闻 浏览 次 数 设 为 0, 作 者 名 为 空 时 用 空 字 符 串 代替 。 


5.6.5 使 用 DetailsView 控件 实现 新 闻 编辑 、 添 加 


DetailsView 控件 经 常用 于 编辑 或 插入 记录 。 所 以 可 用 DetailsView 控件 来 实现 新 
闻 系 统管 理 员 后 台 的 新 闻 编辑 与 添加 。 在 编辑 与 添加 操作 时 ,应 注意 考虑 以 下 几 点 。 

(1) 新 闻 编 号 (Id) ,新闻 浏 览 次 数 (Clicks) 不 允许 修改 ,需要 设置 成 只 读 模 式 。 

(2) 新 闻 标 题 (Title) 需 要 进行 非 空 验证 ,可 用 DetailsView 模板 列 结合 验证 控件 实现 。 

(3) 在 新 闻 日 期 (PubDate) 和 新 闻 内 容 (Contents) 输 入 时 分 别 要 用 到 第 三 方 控件 
My97DatePicker 和 FCKeditor, 所 以 这 两 列 要 转换 成 模板 列 。FCKeditor 是 一 款 非常 优 
秀 的 HTML 在 线 文本 编辑 器 ,功能 完善 ,具有 开放 的 功能 接口 ,是 目前 网 络 上 最 流行 的 
编辑 器 之 一 ,被 很 多 网 站 采用 。 在 输入 新 闻 内 容 时 ,可 用 它 进行 文本 格式 设置 、 上 传 新 闻 
图 片 等 。 

(4) 新 闻 类 别 (NewsCategory) 输 入 需要 以 下 拉 列 表 的 形式 进行 选择 ,在 前 面 已 设 成 
模板 列 。 注 意 NewsCategory 作为 一 个 对 象 的 处 理 方式 ,以 及 进入 编辑 模式 后 对 下 拉 列 
表 初 始 选 定 项 的 处 理 , 它 应 该 为 当前 记录 的 新 闻 类 别 。 

下 面 对 页 面 文件 EditNews. aspx 中 的 DetailsView 控件 再 做 修改 。 

使 用 DetailsView 控件 编辑 .添加 新 闻 详 细 信 息 的 基本 步骤 如 下 。 

(1) 为 数据 源 控 件 设置 更 新 和 插 和 人 数据 方法 。 切 换 到 * 设 计 ” 视 图 ,修改 odsNews 的 
数据 源 配置 。 在 如 图 5-41 所 示 的 对 话 框 中 ,打开 UPDATE 选项 卡 选 择 ModifyNews 
(News news) 方 法 ,打开 DELETE 选项 卡 选择 AddNews(News news) 方 法 。 

(2) 将 某 些 绑 定 列 转换 成 模板 列 。 在 DetailsView 任务 菜单 中 ,选择 “编辑 字段 ” 命 
令 , 打 开 “ 字 段 ” 对 话 框 ,将 除 新 闻 作 者 (Author) 之 外 的 5 个 BoundField 列 转换 成 
TemplateField 列 ,NewsCategory 已 是 TemplateField 列 ,无须 再 次 转换 。 

(3) 设置 某 些 列 为 只 读 模式 。 将 Id、Clicks 字段 的 EditItemTemplate .InsertItemTemplate 
项 及 PubDate 字段 的 InsertItemTemplate 项 中 自动 生成 的 TextBox 控件 删除 ,替换 成 
Label 控件 ,并 为 每 个 Label 控件 的 Text 属性 设置 绑 定 表达 式 。 以 设置 Id 字段 为 例 ,如 
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国 。 :om 


EEC 


选择 要 与 UPDATE 操作 关联 的 业务 对 象 的 方法 ， 该 方法 应 当 为 数 关 对 旬 的 每 个 履 性 接受 一 个 元 数 ,或 者 只 接受 一 个 单一 拓 
数 ， 即 数 撕 对 参 要 更 新 的 参数 ， 


示 细 Updateproductfproduct pj 或 Updateproduct(Int32 productID, String name, Double price) 
选择 方法 (GO: 


[Mdmewmewnens | 
方法 签名 (M): 


图 5-41 定义 数据 方法 一 一 配置 UPDATE 操作 


图 5-42 所 示 , 单 击 EditItemTemplate 中 Label 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 下 拉 
列表 中 选择 “编辑 DataBindings” 选 项 ,在 打开 的 Label6 DataBindings 对 话 框 中 ,为 Text 
属性 设置 绑 定 表达 式 Bind("Id")。 


MemTemplate 


选择 要 9 必 性 ,然后 可 通过 这 和 字 从 来 刀 定 它 ， 也 可 征用 自 定义 代码 表达 式 如 定 它 
Iabel5] 

本 证 必 tpr 为 Tedt 邵 定 
AltemalingllemTemplate 男 Enabled © FE): 

B 


新 圭 (E): 


Dj 


ses 2 
E lahel el 
编辑 DataBindings… 


® EC 
InserttemTemplate 代 现 可 过 SF): 
下 sbsi7 
HeaderTemplate 


图 5-42 为 EditItemTemplate 中 Label 控件 的 Text 属性 设置 绑 定 字 段 


(4) 为 某 些 列 引 用 第 三 方 控件 。 在 PubDate 字段 的 EditItemTemplate 项 中 引用 
My97DatePicker 控件 ,将 Contents 字段 的 EditItemTemplate、 InsertItemTemplate 项 中 
自动 生成 的 TextBox 控件 蔡 换 成 FCKeditor 控件 。 


Ts 
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(5) 为 某 些 列 设置 非 空 验证 。 在 Title 字段 的 EditItemTemplate ,InsertItemTemplate 项 
各 设置 一 个 RequiredFieldValidator 控件 用 于 新 闻 标 题 输 入 框 的 非 空 验证 ,在 Contents 
字段 的 EditItemTemplate、InsertItemTemplate 项 各 设置 
一 个 CustomValidator 控件 及 JavaScript 脚本 用 于 新 闻 内 [sii 
容 输入 框 的 非 空 验证 。 re | 

(6) 处 理 对 象 列 。 向 页 面 添加 一 个 ID 名 为 odsNews 
Categories 的 ObjectDataSource 控件 用 于 获取 新 闻 类 别 数 据 ， 
在 NewsCategory 字段 的 EditItemTemplate ,InsertItemTemplate 
项 各 设置 一 个 DropDownList 提供 选择 新 闻 类 别 , 用 Hidden- 
Field 控件 保存 编辑 模式 下 DropDownList 的 初始 选 定 项 
的 值 。 

(7) 启用 编辑 和 插入 。 在 如 图 5-43 所 示 的 DetailsView 图 5-43 DetailsView 任务 菜单 
任务 菜单 中 选中 “启用 编辑 "和 “启用 插入 " 复 选 框 。 

EditNews. aspx 实现 代码 如 下 : 


<% @ Page Language = "C#" MasterPageFile = " ~/Admin/Admin. Master" AutoEventWireup = 
"true" CodeBehind = "EditNews. aspx. cs” Inherits = "Web. EditNews" Title = "修改 | 添加 文章 ”$%> 
<%@ Register Assembly = " FredCK. FCKeditorV2" Namespace = " FredCK. FCKeditorV2" TagPrefix = 
"FCKeditorV2" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolderl1l" runat = "server"> 
< script language = " javascript" type = " text/javascript" src = "../My97DatePicker/ 
WdatePicker. js"></script > 
< script language = "javascript" type = "text/javascript"> 
Var oFEditer; 
function CustomValidatel( source, arguments) 
{ 
var value = oEditer. GetXHTML(true) ; 
if(value == "") 
arguments. IsValid = false; 
} 


else 


{ 


arguments. IsValid = true; 
} 
} 
function FCKeditor OnComplete(editorInstance) 
{ 
oEditer = editorInstance; 
} 
</script > 
<asp:DetailsView ID = "dvNews" runat = "server" AutoGenerateRows = "False" DataSourceID = 
"odsNews" OnDataBound = " dvNews _ DataBound" OnItemUpdating = ”dvNews _ ItemUpdating" 
OnItemInserted = "dvNews_ItemInserted"> 
<Fields> 
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<asp:TemplateField HeaderText = "Id"> 
< EditItemTemplate> 
<asp:Label ID = "Labe16" runat = " server" Text = '<%# Bind("Id") %>> 


</asp:Label > 
</EditItenTemplate> 
< InsertItemTemplate> 
<asp:Label ID= "Label7" runat = "server" Text = '<%# Bind("Id") %>> 
</asp:Label > 
</InsertItemTemplate> 
< ItemTemplate> 
<asp:Label ID = "Label5" runat = "server" Text = '<%# Bind("Id") %>> 
</asp:Label > 


</ItemTemplate> 
</asp: TemplateField> 
<asp:TemplateField HeaderText = "标题 "> 
<EditItemTemplate> 
<asp: TextBox ID = "txtTitlel" runat = "server" Text = <% # Bind("Title") 
%>P></asp:TextBox > 
<asp:RequiredFieldValidator ID = "RequiredFieldValidatorl" runat = 
"server" ErrorMessage = "标题 不 能 为 空 " ControlToValidate = "txtTitlel"></asp:RequiredField- 
Validator> 
</EditItemTemplate> 
< InsertItemTemplate> 
<asp: TextBox ID = "txtTitle2" runat = "server" Text = <%# Bind("Title" ) 
%>></asp:TextBox > 
<asp: RequiredFieldValidator ID = " RequiredFieldValidator2" runat = 
"server” ErrorMessage = "标题 不 能 为 空 " ControlToValidate = "txtTitle2"></asp:RequiredField- 
Validator> 
</InsertItemTemplate> 
<ItemTemplate> 
<asp:Label ID = "Label3" runat = "server" Text = <%# Bind("Title") %>> 
</asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
< asp:BoundField DataField = "Author" HeaderText = "作者 " /> 
<asp:TemplateField HeaderText = "日 期 "> 
<EditItemTemplate> 
<asp:TextBox ID = " txtPubDate" runat = " server" Text = '<% # Bind 
("PubDate") %>'CssClass= "Wdate" onClick = "WdatePicker( {dateFmt:'yyyy — MM— dd HH:mm:ss'})"></ 
asp: TextBox > 
</EditItemTemplate> 
< InsertItemTemplate> 
<asp:Label ID = "lblPubDate" runat = " server" Text = '<% # System. 
DateTime. Now %$>></asp:Label> 
</InsertItemTemplate> 
< ItemTemplate> 
<asp:Label ID =" Label4" runat = " server" Text = '<% # Bind 
("PubDate") %>></asp:Label> 
</ItemTemplate> 
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</asp:TemplateField> 
<asp:TemplateField HeaderText = "内 容 "> 
<EditItemTemplate> 
<FCKeditorV2:FCKeditor ID = "FCKeditorl" runat = " server” Value = 
'<% 井 Bind("Contents") %>'></FCKeditorV2:FCKeditor> 
< asp: CustomValidator ID = "CustomValidator1l" runat = " server" 
ErrorMessage = "内 容 不 能 为 空 " ControlTbValidate = " FCKeditor1l" ClientValidationFunction = 
"CustomValidate" ValidateEmptyText = "true"></asp:CustomValidator> 
</EditItemTemplate> 
< InsertItemTemplate> 
<FCKeditorV2:FCKeditor ID = "FCKeditor2" runat = " server" Value = 
'<%# Bind("Contents") %>'></FCKeditorV2:FCKeditor> 
<asp: CustomValidator ID = " CustomValidator2" runat = " server" 
ErrorMessage = "内容 不 能 为 空 ”ControlToValidate = " FCKeditor2" ClientValidationFunction = 
"CustomValidate" ValidateEmptyText = "true"></asp:CustomValidator > 
</InsertItemTemplate> 
<ItemTemplate> 
<asp:Label ID = " Labell" runat = " server" Text = '<% # Bind 
("Contents") %>></asp:Label> 
</ItemTemplate> 
</asp: TemplateField> 
<asp:TemplateField HeaderText = "浏览 次 数 "> 
<EditItemTemplate> 
<asp:Label ID = "Label9" runat = "server" Text = '<%# Bind("Clicks") 
%>></asp:Label> 
</EditItemTemplate> 
< InsertItemTemplate> 
<asp:Label ID = "Label10" runat = "server" Text = '<%# 0 %>'></asp: 
Label> 
</InsertItemTemplate> 
<ItemTemplate> 
<asp:Label ID = "Label8" runat = "server" Text = '<%# Bind("Clicks") 
%>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "类 别 "> 
< EditItemTemplate> 
< asp:DropDownList ID = "ddlNewsCategoryl" runat = "server" DataSourceID = 
"odsNewsCategories" DataTextField= "Name" DataValueField= "Id"> 
</asp:DropDownList> 
<asp:HiddenField ID = "hfNewsCategoryId" runat = "server" Value = '<$% 
# Bind("NewsCategoryId") %>'/> 
</EditItemTemplate> 
< InsertItemTemplate> 
< asp:DropDownList ID = "ddlNewsCategory2" runat = "server" DataSourceID = 
"odsNewsCategories”DataTextField = " Name”DataValueField = " Id”SelectedValue = '< 名 井 Bind 
("NewsCategoryId") %>> 
</asp:DropDownList> 
</InsertItemTemplate> 
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< ItemTemplate> 
<asp:Label ID = "Label2" runat = "server" Text = '<% # Bind("NewsCategory. 
Name") $%>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:CommandField ShowEditButton = "True" ShowInsertButton = "True" /> 
</Fields> 
</asp:DetailsView> 
< asp: ObjectDataSource ID = "odsNews" runat = "server" SelectMethod = "GetNewsById" 


TypeName = " NewsBLL. NewsManager" UpdateMethod = " ModifyNews" DataObjectTypeName = 
"NewsModels. News" InsertMethod= "AddNews"> 
<SelectParameters> 
<asp:QueryStringParameter Name = "id" QueryStringField= "Id" Type = "Int32" /> 
</SelectParameters> 


</asp:ObjectDataSource> 

< asp: ObjectDataSource ID = " odsNewsCategories" runat = " server" SelectMethod = 
"GetNewsCategories" TypeName = "NewsBLL. NewsCategoryManager"> 

</asp:ObjectDataSource> 
</asp:Content> 


EditNews. aspx. cs 实现 代码 如 下 : 


namespace Web 
{ 
public partial class EditNews : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 


} 
protected void dvNews_DataBound(object sender, EventArgs e) 
if (dvNews. CurrentMode == DetailsViewMode. Edit) 
| 
DropDownList ddlNewsCategoryl = dvNews.FindControl("ddlNewsCategoryl") 
as DropDownList; 
HiddenField hfNewsCategoryId = dvNews. FindControl ("hfNewsCategoryId") 
as HiddenField; 
try 
{ 
ddlNewsCategory1. SelectedValue = hfNewsCategoryId. Value. Trim(); 
ddlNewsCategory1. Attributes [ " onchange"] = " javascript: document. 
getElementById('" + hfNewsCategoryId.ClientID + "').value= this.value"; 
} 
catch { }; 


} 
// 更 新 新 闻 , 数 据 源 更 新 方法 执行 之 前 ,增加 参数 
protected void dvNews_ItemUpdating(object sender, DetailsViewUpdateEventArgs e) 
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if (Page. IsValid) 

{ 
TextBox txtPubDate = dvNews.FindControl("txtPubDate") as TextBox; 
if (txtPubDate. Text != "") 


{ 
ry 
{ 
Convert. ToDateTime( txtPubDate. Text); 
; 
catch (Exception) 
{ 
Common. Message. RegScript(this, "日 期 格式 错误 !"); 
return; 
} 
} 
// 获 得 新 闻 类 别 下 拉 列 表 的 值 


DropDownList ddlNewsCategoryl = dvNews.FindControl ("ddlNewsCategoryl") 
as DropDownList; 
// 添 加 新 闻 类 别 Id 的 参数 
odsNews. UpdateParameters. Add ( " newsCategoryId", ddlNewsCategoryl. 
SelectedValue); 
} 
} 
// 添加 成 功 后 , 跳 转 到 列表 页 
protected void dvNews_ItemInserted(object sender, DetailsViewInsertedEventArgs e) 
{ 
Response. Redirect ("NewsManager. aspx" ); 
} 


} 
管理 员 后 台新 闻 详 细 页 最 终 运 行 效果 如 图 5-44 所 示 。 
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5-44 ”管理 员 后 台新 闻 详细 页 最 终 运行 效果 
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管理 员 后 台新 闻 详 细 页 编辑 模式 最 终 运 行 效 果 如 图 5-45 所 示 。 
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图 5-45 管理 员 后 台新 闻 详细 页 编辑 模式 最 终 运行 效果 


管理 员 后 台新 闻 详细 页 插入 模式 最 终 运行 效果 如 图 5-46 所 示 。 
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图 5-46 管理 员 后 台新 闻 详细 页 插入 模式 最 终 运行 效果 
121 


| 号 动态 网 站 开发 项 目 化 教程 


5.6.6 小 结 


(1) DetailsView 控件 一 次 呈现 一 条 表格 形式 的 记录 ( 即 一 条 记录 分 多 行 显示 ,记录 
的 一 个 字段 占 表格 的 一 行 ) ,并 提供 翻阅 多 条 记录 以 及 插入 、 更 新 和 删除 记录 的 功能 。 它 
可 与 GridView 控件 结合 使 用 ,以 用 于 主 / 从 方案 。DetailsView 控件 的 字段 ,模板 等 用 法 
与 GridView 控件 一 致 

(2) 若 要 将 某 些 TemplateField 列 设置 为 只 读 模式 ,可 在 该 列 的 EditItemTemplate、 
InsertItemTemplate 项 中 用 Label 控件 绑 定 字段 值 。 

(3) FCKeditor 是 一 款 功 能 强大 的 开源 在 线 文本 编辑 器 , 它 支持 HTML 文本 格式 设 
置 、 文 件 上 传 等 多 种 功能 。 


5.6.7 思考 与 练习 
1. 用 DetailsView 控件 实现 管理 员 后 台新 闻 类 别 的 添加 。 
2. 用 DetailsView 控件 实现 管理 员 后 台 用 户 信息 的 编辑 。 
任务 5.7 使 用 FormView 控件 实现 
新 闻 详 细 显 示 
任务 目标 
(1) 会 用 FormView 控件 显示 数据 。 
(2) 会 用 Bind 和 Eval 两 种 形式 的 数据 绑 定 表达 式 。 
5.7.1 FormView 控件 简介 


FormView 控件 与 DetailsView 控件 类 似 , 它 一 次 呈现 数据 源 中 的 一 条 记录 ,并 提供 
翻阅 多 条 记录 以 及 插入 .更 新 和 删除 记录 的 功能 。 不 过 ,它们 之 间 也 存在 差别 : 在 
DetailsView 控件 的 表格 布局 中 ,数据 记录 的 每 个 字段 都 各 自 显示 为 一 行 ; 而 FormView 
控件 则 不 指定 用 于 显示 记录 的 预定 义 布局 。 如 果 利 用 FormView 控件 显示 内 容 , 需 要 为 
其 不 同 部 分 创建 模板 ,以 显示 记录 中 的 各 个 字段 。 该 模板 包含 用 于 设置 窗 体 布局 的 格式 、 
控件 和 绑 定 表 达 式 。 所 以 使 用 FormView 控件 可 以 使 控制 数据 显示 更 加 灵活 。FormView 
控件 的 常用 属性 与 事件 如 表 5-17 所 示 。 


表 5-17 FormView 控件 的 常用 属性 与 事件 


属 性 说 明 
AutoGenerateColumns | 获取 或 设置 一 个 值 , 该 值 指示 是 否 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 
AllowPaging 获取 或 设置 一 个 值 , 该 值 指 示 是 否 启用 分 页 功能 
PageSize 获取 或 设置 GridView 控件 在 每 页 上 所 显示 的 记录 数目 
获取 或 设置 一 个 数组 ,该 数组 包含 了 显示 在 GridView 控件 中 的 项 的 主键 字 
DataKeyNames 段 的 名 称 
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续 表 
属 性 说 明 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID, 数 据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
事 件 说 明 
DataBound 在 GridView 控件 完成 到 数据 源 的 绑 定 后 发 生 
RowDataBound 在 GridView 控件 中 的 某 个 行 被 绑 定 到 一 个 数据 记录 时 发 生 


PageIndexChanging 单 击 “页 导航 "按钮 时 ,在 GridView 控件 执行 分 页 操作 之 前 发 生 
单 击 GridView 控件 内 某 一 行 的 “删除 ”按钮 时 ,在 GridView 控件 从 数据 源 


oe 删除 该 行 记录 之 前 发 生 

vale 单 击 GridView 控件 内 某 一 行 的 “删除 ”按钮 时 ,在 GridView 控件 从 数据 源 
删除 该 行 记录 之 后 发 生 

RowEditing 单 击 GridView 控件 内 某 一 行 的 “编辑 "按钮 时 ,在 GridView 控件 进入 编辑 
模式 之 前 发 生 

owCanidlinepdit 单 击 GridView 控件 内 某 一 行 的 “编辑 ”按钮 时 ,在 GridView 控件 退出 编辑 
模式 之 前 发 生 

Row updtibg 单 击 GridView 控件 内 某 一 行 的 “更 新 ”按钮 时 ,在 GridView 控件 更 新 记录 
之 前 发 生 
单 击 GridView 控件 内 某 一 行 的 “更 新 ”按钮 时 ,在 GridView 控件 更 新 记录 

RowUpdated 
之 后 发 生 


5.7.2 使 用 FormView 控件 实现 前 台新 闻 详 细 显 示 


与 前 台新 闻 详 细 页 相关 的 数据 访问 层 `, 业 务 多 辑 层 方法 GetNewsById() 已 在 任务 5. 6 
中 完成 ,下 面 只 需 实现 前 台新 闻 详细 页 的 表示 层 。 其 做 法 类 似 管 理 员 后 台新 闻 详 细 页 ,只 
不 过 这 次 用 FormView 控件 来 显示 新 闻 详 细 内 容 。 

在 Web 项 目的 根 目录 下 ,新建 页 面 文件 NewsDetail. aspx。 

使 用 FormView 控件 显示 新 闻 详 细 信 息 的 基本 步骤 如 下 。 

(1) 添加 数据 源 控件 。 切 换 到 “设计 ”视图 .向 页 面 拖 放 一 个 ObjectDataSource 控件 ， 
设置 其 ID 属性 值 为 odsNews。 在 配置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 逻辑 层 
NewsManager 类 的 GetNewsById() 方 法 ,用 于 获取 新 闻 详 细 数据 。 其 查询 参数 值 来 自 查 
询 字符 串 ,设置 方式 如 图 5-39 所 示 。 

(2) 添加 FormView 控件 。 将 工具 箱 “ 数 据 ” 选 项 卡 中 的 FormView 控件 拖 放 到 页 面 
中 ,设置 FormView 控件 的 ID 属性 值 为 fyNews。 单 击 FormView 控件 右上 角 的 小 三 角 
按钮 打开 FormView 任务 菜单 ,选择 “编辑 模板 ” 命 ” 隔 夯 二 
令 , 在 ItemTemplate 项 里 自由 布局 各 字段 的 显示 方 让 RE NN 
式 。 如 图 5-47 所 示 为 在 TemTemplate 项 里 加 入 一 
个 3 行 3 列 的 表格 布局 ,并 设置 各 列 的 绑 定 字段 。 。 图 547 用 FommView 控件 显示 新 闻 

NewsDetail. aspx 实现 代码 如 下 : sled 


<% @ Page Language = "C#" MasterPageFile = "~ /NewsPage. Master" AutoEventWireup = "true" 
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CodeBehind = "NewsDetail. aspx. cs” Inherits = "Web. NewsDetail" Title = "新 闻 详细 " %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div id= "col"> 
<div class = "box"> 
<div class = "box _title"> 新 闻 详 细 </div> 
< div class = "box_text"> 
<asp:FormView ID = "fvNews" runat = "server"> 
< ItemTemplate> 
<table> 
<tr> 
<td colspan = "3"><% # Eval("Title") %></td> 
</tr> 
<tr> 
<td> 作 者 : < 外 井 Eval("Author") %></td> 
<td> 发 表 日 期 : <% # Eval("PubDate") $></td> 
<td> 浏 览 次 数 : <% # Eval("Clicks") %></td> 
</tr> 
<tr> 
<td colspan = "3"><% # Eval("Contents") %></td> 
</tr> 
</table> 
</ItemTemplate> 
</asp:FormView> 
<asp:ObjectDataSource ID = " odsNews” runat = "server ”SelectMethod = 
"GetNewsById" TypeName = "NewsBLL. NewsManager"> 
< SelectParameters > 
<asp:QueryStringParameter Name = " id” QueryStringField = " Id" 
Type = "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
</div> 
</div> 
</div> 
</asp:Content > 


NewsDetail. aspx. cs 实现 代码 如 下 : 


using NewsModels; 
using NewsBLL; 
namespace Web 
{ 
public partial class NewsDetail : Systenm. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
if (Request. QueryString["Id"] != null1) 
{ 
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int id; 


id = Convert.ToInt32(Request. QueryString["Id"]); 
News news = NewsManager.GetNewsById(id); 
news.Clicks ++; 

NewsManager. ModifyNews(news); 

fvNews. DataSource = odsNews; 

fvNews. DataBind( ); 


} 
catch 
{ 
return; 
} 
} 
else 
{ 
return; 
} 


} 
前 台新 闻 详细 页 最 终 运行 效果 如 图 5-48 所 示 。 
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图 5-48 前 台新 闻 详细 页 最 终 运 行 效果 
5.7.3 小 结 


(1) FormView 控件 用 于 一 次 显示 数据 源 中 的 一 条 记录 。 与 DetailsView 控件 相似 ， 

只 是 显示 的 是 用 户 自 定义 的 模板 ,而 不 是 行 字段 。 使 用 FormView 控件 可 以 使 控制 数据 
显示 更 加 灵活 。 
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(2) 数据 绑 定 表达 式 包含 在 二 %# 和 % 二 分 隔 符 之 内 ,并 使 用 Eval 或 Bind 方法 。 
Eval 方法 是 静态 (只 读 ) 方 法 ,用 于 定义 单 向 (只 读 ) 绑 定 。 该 方法 采用 数据 字段 的 值 作 为 
参数 并 将 其 作为 字符 串 返 回 ,一 般 用 在 绑 定时 需要 格式 化 字符 串 的 情况 下 。Bind 方法 支 
持 读 / 写 功能 ,用 于 定义 双向 (可 更 新 ) 绑 定 。 该 方法 可 以 检索 数据 绑 定 控件 的 值 并 将 任何 
更 改 提 交 回 数据 库 。 当 绑 定 的 数据 可 以 被 修改 时 ,还 是 要 使 用 Bind 方法 。 


5.7.4 思考 与 练习 


1. GridView、DetailsView、FormView 这 3 个 控件 各 有 什么 特点 ? 用 法 上 有 什么 联 
系 和 区 别 ? 各 适用 于 什么 场合 ? 
2. 数据 绑 定 表达 式 的 写法 有 哪 两 种 方式 ? 各 适用 于 什么 场合 ? 
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任务 6.1 使 用 DataList 列表 显示 新 闻 


任务 目标 
(1) 会 用 DataList 控件 显示 数据 。 
(2) 会 在 页 面 上 绑 定 显示 经 截取 和 过 滤 后 的 字符 串 。 


6.1.1 DataList 控件 简介 


DataList 控件 与 GridView 控件 一 样 ,可 用 来 显示 、 编 辑 或 删除 表 中 的 记录 。 但 是 ， 
DataList 控件 能 以 更 自由 的 方式 显示 数据 ,如 在 一 行 中 显示 多 条 记录 等 。 可 在 DataList 
提供 的 模板 中 定义 数据 显示 布局 ,比如 可 以 为 项 、 交 替 项 、 选 定 项 和 编辑 项 创建 模板 ,也 可 
以 使 用 标题 .脚注 和 分 隔 符 模板 自 定义 DataList 的 整体 外 观 。DataList 控件 支持 的 模板 
如 表 6-1 所 示 。 


表 6-1 DataList 控件 支持 的 模板 


模板 属性 说 明 
ItemTemplate 为 DataList 中 的 项 提供 内 容 和 布局 所 要 求 的 模板 
如 果 已 定义 , 则 为 DataList 中 的 交替 项 提供 内 容 和 布局 。 如 果 未 定义 ， 
则 使 用 ItemTemplate 
如 果 已 定义 , 则 为 DataList 中 当前 编辑 的 项 提供 内 容 和 布局 。 如 果 未 定 
义 , 则 使 用 ItemTemplate 
如 果 已 定义 , 则 为 DataList 中 当前 选 定 项 提供 内 容 和 布局 。 如 果 未 定 
义 , 则 使 用 ItemTemplate 
如 果 已 定义 , 则 为 DataList 的 页 眉 节 提供 内 容 和 布局 。 如 果 未 定义 ,将 


AlternatingItemTemplate 


EditItemTemplate 


SelectedItemTemplate 


HeaderTemplate 


不 显示 页 眉 节 

二 如 果 已 定义 , 则 为 DataList 的 脚注 部 分 提供 内 容 和 布局 。 如 果 未 定义 ， 
将 不 显示 脚注 部 分 

te 如 果 已 定义 , 则 为 DataList 中 各 项 之 间 的 分 隔 符 提供 内 容 和 布局 。 如 果 
未 定义 ,将 不 显示 分 隔 符 


6.1.2 新 闻 速 览 数 据 访问 层 与 业务 逻辑 层 的 实现 


DataList 控件 的 一 大 特点 是 能 实现 灵活 复杂 的 页 面 布 局 ,所 以 可 以 通过 它 来 做 新 闻 
速 览 页 的 新 闻 列 表 显 示 。 要 完成 这 一 功能 ,仍然 先 从 数据 访问 层 与 业务 逻辑 层 着 手 。 新 
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闻 速 览 需要 取出 新 闻 表 所 有 字段 信息 ,类 似 任 务 5. 4 中 取 新 闻 表 (News) 部 分 字段 方法 
GetNewsPartFieldsByConditions() 的 做 法 ,在 数据 访问 层 与 业务 逻辑 层 中 分 别 新 增 一 个 
方法 用 于 取 新 闻 表 全 部 字段 。 

在 NewsDAL 项 目的 NewsService 类 中 ,增加 一 个 根据 查询 条 件 、 排 序 字 段 排序 方 
向 返回 包含 所 有 字段 的 新 闻 对 象 集合 的 方法 。 实 现代 码 如 下 : 


/// < summary> 
/// 根据 查询 条 件 .排序 字段 .排序 方向 返回 包含 所 有 字段 的 新 闻 列表 
/// </summary> 
/// <param name = "conditions"> 查 询 条 件 </param> 
/// <param name = "sortField"> 排 序 字段 </param> 
/// < param name = "direction"> 排 序 方向 </param> 
/// <returns > 新 闻 对 象 集合 </returns> 
public static IList < News > GetNewsAllFieldsByConditions ( string conditions， string 
sortField, string direction) 
{ 
string sql = "SELECT Id, Title, Author, PubDate, Contents, Clicks, NewsCategoryId FROM News"; 
if (conditions. Trim().Length > 0) 
{ 
sql + = "WHERE " + conditions; 
} 
if (sortField. Trim().Length > 0) 
{ 
sql + = " ORDER BY" + sortField; 
} 
if (direction. Trim().Length > 0) 
{ 
sql + = "" + direction; 
} 
return GetNewsBySql (sql); 
} 


在 NewsBLL 项 目的 NewsManager. cs 类 中 ,增加 相应 方法 。 实 现代 码 如 下 : 


public static IList < News > GetNewsAllFieldsByConditions ( string conditions, string 
sortField, string direction) 
{ 

return NewsService. GetNewsAllFieldsByConditions(conditions, sortField, direction); 


} 
6.1.3 使 用 DataList 控件 实现 新 闻 速 览 列表 显示 


新 闻 速 览 页 让 用 户 能 快速 地 浏览 新 闻 。 在 该 页 左边 放置 一 个 新 闻 类 别 导 航 栏 , 单 击 
某 个 新 闻 类 别 可 在 页 面 右 边 显示 相应 新 闻 ,包括 新 闻 的 标题 作者 发 表 日 期 .浏览 次 数 及 
内 容 的 前 65 个 字符 。 若 要 查看 详细 内 容 ,需要 单 击 标题 提供 的 链接 转 到 新 闻 详 细 页 。 在 
默认 情况 下 ,新 闻 速 览 页 右边 列表 显示 出 所 有 新 闻 ,并 按 Id 降序 排列 , 即 最 新 的 新 闻 显 示 
在 最 前 面 。 当 然 ,也 可 根据 需要 按 新 闻 的 标题 .日 期 分 别 进行 升 /降序 排列 。 
128 


第 6 章 深入 数据 库 编程 


在 Web 项 目的 Admin 文件 夹 下 ,新 建 页面 文 件 NewsList. aspx。 新 闻 速 览 页 主要 通 
过 以 下 两 步 来 完成 。 

1. 设置 新 闻 类 别 导航 栏 和 排序 命令 按钮 

基本 步骤 如 下 : 

(1) 添加 新 闻 类 别 导 航 栏 。 向 页 面 拖 放 一 个 XmlDataSource 控件 和 一 个 TreeView 控 
件 并 配置 相应 的 属性 。XmlDataSource 用 于 从 XML 文件 NewsCategoryTreeView. xml 
中 获取 新 闻 类 别 数据 ,同时 也 作为 TreeView 控件 的 数据 源 。 

(2) 添加 排序 命令 按钮 。 向 页 面 拖 放 两 个 Button 控件 ,分 别 设 置 其 ID 属性 值 为 
btnTitleSort 和 btnPubDateSort, 分 别 用 于 按 标 题 排 序 和 按 日 期 排序 显示 新 闻 。 

2. 使 用 DataList 控件 显示 新 闻 速 览 列 表 

基本 步骤 如 下 : 

(1) 添加 DataList 控件 。 将 工具 箱 * 数 据 ? 选 项 卡 中 的 DataList 控件 拖 放 到 页 面 中 ， 
设置 DataList 控件 的 ID 属性 值 为 INews。 单 击 DataList 控件 右上 角 的 小 三 角 按钮 打 
开 DataList 任务 菜单 ,选择 “编辑 模板 ”命令 ,在 DataList 提供 的 模板 项 里 自由 布局 各 字 
段 的 显示 方式 。 比 如 在 项 模板 ItemTemplate 里 加 入 一 个 3 行 3 列 的 表格 布局 ,并 设置 各 
列 的 绑 定 字段 ,在 分 隔 符 模 板 SeparatorTemplate 里 加 入 一 条 水 平 线 用 于 分 隔 各 列表 项 。 
设计 视图 效果 如 图 6-1 所 示 。 
BW 
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图 6-1 新 闻 速 览 页 未 分 页 前 设计 视图 


(2) 编码 指定 数据 源 。 为 了 能 够 给 DataList 列表 实现 分 页 功能 ,需要 在 NewsList. 
aspx. cs 中 手动 编写 代码 动态 绑 定 数据 源 , 其 中 用 到 DataList 控件 的 DataSource 属性 和 
DataBind() 方 法 。 

新 闻 速 览 页 未 分 页 前 NewsList. aspx 的 关键 代码 如 下 所 示 : 

<% @ Page Language = "C#" MasterPageFile = "一 /NewsPage. Master”RutoEventWireup = "true" 

CodeBehind = "NewsList. aspx. cs" Inherits = "Web. NewsList" Title= "新 闻 速 览 " %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 
<div id= "coll list"> 
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<div class = "box"> 
<div class = "box_title"> 新 闻 导 航 </div> 
<div class = "box_text"> 
< asp: TreeView ID = "tvNewsCategories" runat = "server" DataSourceID = 
"XmlDataSourcel" EnableViewState = "false"> 
<DataBindings> 
< asp: TreeNodeBinding DataMember = " siteMapNode” NavigateUrlField = 
"url" TextField = "title" /> 
</DataBindings > 
</asp:TreeView > 
<asp:XmlDataSource ID = "XmlDataSourcel" runat = "server" DataFile = "一 / 
NewsCategoryTreeView. xml"></asp:XmlDataSource> 
</div> 
</div> 
</div> 
<div id= "col2 list"> 
<div class = "box"> 
<div class = "box_title">< asp:Label ID= "lblNewsCategory" runat = "server" 
Text = "新 闻 速 览 " EnableViewState = "false"></div> 
<div class = "box_text"> 
< div> 排 序 方式 : < asp: Button ID = "btnTitleSort" runat = "server" Text = 
" 按 标 题 升序 " OnClick = "btnTitleSort_Click" />|< asp:Button ID = "btnPubDateSort”runat = 
"server" Text = " 按 日 期 升序 " OnClick = "btnPubDateSort_Click" /> 
</div> 
<asp:DataList ID = "dlNews" runat = "server" EnableViewState = "false"> 
< ItemTemplate> 
<table> 
<tr><td colspan = "3"> 
< span id = "title_span"> 
<a href = " NewsDetail. aspx? Id = <% # Eval 
("Id") %> "><% # Web. Common. StringHandler. FilterString(Eval("Title"). ToString()，65) 
%></a></span></td></tr> 
<tr><td> 作 者 : <% # Eval("Author") %></td> 
<td> 发 表 日 期 : <% # Eval("PubDate") %></td> 
<td> 浏 览 次 数 : <% # Eval("Clicks") %></td></tr> 
<tr><td colspan = "3"><% # Web. Common. StringHandler. 
FilterString(Eval("Contents").ToString(), 65) %></td></tr> 
</table> 
</ItemTemplate> 
< SeparatorTemplate >< hr /></SeparatorTemplate> 
</asp:DataList > 
</div> 
</div> 
</div> 
</asp:Content > 


这 里 提醒 一 点 ,为 了 页 面 美 观 ,经 常用 到 将 列表 中 绑 定 的 某 个 字符 串 字段 截断 或 过 滤 其 
中 的 HTML 标记 的 技术 。 在 上 面 的 代码 中 ,Web. Common. StringHandler. FilterString(Eval 
("Contents"). ToString ()，65) 就 是 用 于 将 新 闻 内 容 字 段 进 行 截取 和 过 滤 。FilterString() 
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是 放 在 Web\Common 文件 夹 下 自 定义 类 StringHandler. cs 里 的 一 个 自 定义 方法 。 具 体 


实现 代码 如 下 : 


using System; 
using System. 
Using System. 
using System. 
using System. 
using System. 
using System. 
using System. 
using System. 
using System. 


Data; 

Configuration; 

Web; 

Web. Security; 

Web. UI; 

Web. UI. WebControls; 

Web. UI. WebControls. WebParts; 
Web. UI. HtmlControls; 

Text. RegularExpressions; 


namespace Web. Common 


{ 


public static class StringHandler 


{ 


/// < summary> 

/// 截取 指定 长 度 的 子 字符 串 

/// </summary> 

/// < param name = "str"> 原 字符 串 </param> 
/// < param name = "length"> 子 字符 串 的 长 度 </param> 
/// < returns> 子 字符 串 </returns> 
public static string CutString(string str, int length) 


{ 


} 


if (str. Length >= length) 


return str. Substring(0, length) + "..."; 


else 


return str; 


/// < summary> 
/// 用 正则 表达 式 过 滤 HTML 字符 
/// </summary> 


/// < param name = "str"> 需 要 处 理 的 字符 串 </param> 


/// <returns></returns> 
public static string RemoveHtm]( string str) 


4 


} 


return Regex. Replace (str, "</?[^>] *>|\\s", "", RegexOptions. Compiled | 
RegexOptions. IgnoreCase) ; 


/// < summary> 

/// 截取 前 先 过 滤 HTML 字符 

/// </summary> 

/// <param name = "str"> 原 字符 串 </param> 
/// < param name = "length"> 子 字符 串 的 长 度 </param> 
/// < returns> 子 字符 串 </returns> 
public static string FilterString( string str, int length) 
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return CutString(RemoveHtm] (str), length); 


} 
NewsList. aspx. cs 的 代码 如 下 所 示 : 


Using NewsBLL; 
namespace Web 
{ 
public partial class NewsList : System. Web. UI. Page 


{ 
protected void Page_Load(object sender, EventArgs e) 


{ 
if (!IsPostBack) 
{ 
// 首 次 加 载 , 赋 初 值 
if (Request. QueryString[ "NewsCategoryId"] ! = null) 
{ 
int id; 
try 


| 
id = Convert.ToInt32(Request. QueryString[ "NewsCategoryId" ]); 


ViewState[ "Conditions"] = "NewsCategoryId=" + id; 
lblNewsCategory. Text = 
NewsCategoryManager. GetNewsCategoryById( id). Name; 


} 
catch 
{ 
ViewState[ "Conditions"] = ""; 
} 
} 
else 
{ 
ViewState[ "Conditions"] = ""; 


} 

ViewState[ "SortField"] = "Id"; 
ViewState[ "Direction"] = "DESC"; 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "PubDateClick"] = "0"; 
Databind( ); 


} 
private void Databind() 


{ 
dlNews. DataSource = 
NewsManager. GetNewsAllFieldsByConditions (ViewState[ " Conditions"]. ToString( ), ViewState 
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["SortField"].ToString(), ViewState["Direction"].ToString()); 
dlNews. DataBind( ); 
} 
#region 排序 
protected void btnTitleSort Click(object sender, EventArgs e) 
{ 
ViewState["SortField"] = "Title"; 
证 (ViewState["TitleClick"].ToString() == "0") 
{ 
ViewState[ "TitleClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnTitleSort. Text =“" 按 标题 降序 "; 
} 
else if (ViewState["TitleClick"].ToString() == "1") 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
btnTitleSort. Text =“" 按 标题 升序 "; 
} 
Databind( ); 
} 
protected void btnPubDateSort Click(object sender, EventArgs e) 
{ 
ViewState[ "SortField"] = "PubDate"; 
证 (ViewState[ "PubDateClick"].ToString() == "0") 
{ 
ViewState[ "PubDateClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnPubDateSort. Text = " 按 日 期 降序 "; 
} 
else if (ViewState["PubDateClick"].ToString() == "1") 
{ 
ViewState[ "PubDateClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
btnPubDateSort. Text = " 按 日 期 升序 "; 
} 
Databind( ); 
# endregion 


} 
新 闻 速 览 页 未 分 页 前 运行 效果 如 图 6-2 所 示 。 
6.1.4 小 结 


(1) DataList 控件 以 模板 和 样式 定义 的 格式 显示 数据 。 
(2) Regex 类 属于 System. Text. RegularExpressions 命名 空间 。Regex. Replace() 
方法 表示 在 指定 的 输入 字符 串 内 使 用 指定 的 蔡 换 字符 串 蔡 换 与 指定 正则 表达 式 匹 配 的 所 
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re i 


作者 ; 青椒 发 天 日 期 : 2009/8/19 14:51:20 
本 次 比赛 共 分 三 仆 征 节 ， 自 拒 介 归 、 个 人 面 半 和 本 人 而 式 。 在 该 一 拉 的 自我 介绍 四， 运 手 们 自信 雇 相 、 准 帝 充 分 ， ey A 


于 省 间隔 这 "所 后 纳 十 


400 地 家 单 信守 首 滥 肥 统 " 按 呈 纳 十 
作者 : 乔 全 琢 发 表 日 期 ; 2009/8/19 14:40:52 济 览 次 网 : 2 
8 月 18 日 ， 送 州 职业 技术 学 院 校 园 里 一 哩 三 场 殷 聘 会 让 2010 届 毕业 生 们 理 实 开心 了 一 把 ， 而 制造 类 企业 争先 区 后 床 前 来 设 捧 ， 提 供 岗位 招聘 应 … 


以 旧 拉 新 档 动 新 车 消 槛 
作者 : 吴 晓 发 表 日 划 : 2009/7/2 15:00:00 
全 国 观 有 首 标 车 180G 万 王 符 的 * 汽车 以 日 岳 新 不 仅 是 拉动 消费 各 动力， 也 是 为 了 环境 保护 ,节约 资源 、 节 的 能 源 、 sa 所 … 


要 为 于 


作者 : 张 几 表 日 暑 : 2009/7/2 14;49:00 济 S 和 :0 
无 论 在 国内 还 是 国外 上 大 学 ， eh 这 个 选择 可 以 衣 是 职 弟 生 正 机 划 的 起 点 ， 所 以 专 千 择 更 应 该 情 重 再 已 重 ， 尤 其 检 考 电 个 人 插 … 
公告 | 二 
作者 : 叶 团 发 表 日 期 : 2009/7/2 11:01:00 
1958 年 的 8 月 4 日 ， a 且 有 有 革命 性 的 单 曲 排行 贷 -Hot100 单 内 恒 。 0s Hot100 单 曲 .… 
发 冰河 世纪 3 委 渤 首 隐 
作者 : tungstar 发 表 日 期 : 2009/7/2 10:40:00 


浏 攻 次 未 : 0 
北京 时 间 7 月 1 日 消息 ，6 月 30 日 ， 香 漆 国 方 戏 辽 举行 4 冰河 世纪 3 前 著 首 肤 礼 , 备 漆 艺 人 官 因 午 、 陆 未 、 林 隐 后 、 山 王 之 次 何 超 云 ， 以 及 元 位 .… 


中 国立 队 路 总 搞 力 流 帝 
作者 : Belldandy 发 表 日 期 ; 2009/7/2 10:39:00 
在 北京 时 间 今 天 下 午 进行 的 昔 亲 世 镜 宕 4 莹 200 六 自由 未 接力 赛 和 疆 中 ， 中 国 闪 以 视 六 名 的 成 绩 进 入 决赛 * sd ee 


过 点 新 世纪 加 会 10 访 门 
作者 : 王 卓 发 表 日 期 : 2009/7/2 10;38:;00 
缚 淋 的 不 可 预知 攻 一 直 星 党 技 体 商 的 一 大 风力 所 在 ,网 本 认 是 秘 ， 的 全 自 2000 和 以太 时 在 体育 匡 &ldq.… 


ET 
作者 ; 钟 正 : 2009/7/2 10:37:00 
垩 至 5 月 森 ， be 有 R 行 困 计 新 增 雍 闲 投 放量 为 3.65 万 亿 元 ， 为 全 年 计划 信贷 换 放 目 标 2 A 上... 


图 6-2 新 闻 速 览 页 未 分 页 前 运行 效果 
有 字符 串 。 可 用 它 来 清除 HTML 标记 。 
6.1.5 思考 与 练习 
.如 何 通过 程序 控制 动态 地 为 DataList 控件 绑 定 数据 源 ? 
2. 要 将 某 个 字段 内 容 中 的 HTML 标记 清除 后 ,再 显示 页 面 上 ,应 该 如 何 操作 ? 
任务 6.2 使 用 PagedDataSource 
任务 目标 
会 编写 代码 实现 分 页 。 
6.2.1 PagedDataSource 对 象 简介 


DataList 控件 没有 提供 内 置 分 页 功能 .有 时 很 不 方便 。 目 前 有 很 多 增加 分 页 的 方法 ， 
比如 使 用 存储 过 程 来 控制 每 页 的 数据 读 取 , 这 种 分 页 方法 效率 高 但 制作 起 来 比较 麻烦 ,下 
面 介 绍 一 种 可 以 快速 实现 分 页 的 方法 : 使 用 PagedDataSource 对 象 给 DataList 增加 分 页 
功能 。PagedDataSource 类 封装 了 数据 绑 定 控件 的 与 分 页 相关 的 属性 ,以 允许 该 控件 执 
行 分 页 操作 。PagedDataSource 类 的 常用 属性 如 表 6-2 所 示 。 
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表 6-2 PagedDataSource 类 的 常用 属性 


属 性 说 明 
AllowPaging 获取 或 设置 一 个 值 , 指 示 是 否 在 数据 绑 定 控件 中 启用 分 页 
Count 获取 要 从 数据 源 使 用 的 项 数 
DataSourceCount 获取 数据 源 中 的 项 数 
CurrentPageIndex 获取 或 设置 当前 页 的 索引 
DataSource 获取 或 设置 数据 源 
IsFirstPage 获取 一 个 值 , 该 值 指示 当前 页 是 否 是 首页 
IsLastPage 获取 一 个 值 , 该 值 指示 当前 页 是 否 是 最 后 一 页 
PageCount 获取 显示 数据 源 中 的 所 有 项 所 需要 的 总 页 数 
PageSize 获取 或 设置 要 在 单 页 上 显示 的 项 数 


6.2.2 使 用 PagedDataSource 实现 新 闻 速 览 页 分 页 显示 


打开 任务 6. 1 完成 的 新 闻 速 览 页 NewsList. aspx, 在 该 页 DataList 控件 下 方 增加 与 
分 页 相关 的 标签 和 导航 按钮 ,设计 视图 如 图 6-3 所 示 。 


图 6-3 为 新 闻 速 览 页 增加 分 页 导航 按钮 后 的 设计 视图 


以 下 是 对 应 的 HTML 代码 : 


<div id= "page"> 


<asp:Label ID = "lblPage" runat = "server" Text = ""></asp:Label> 

<asp:Button ID = "btnFirst" runat = "server" Text = "首页 ” OnClick = "btnFirst_Click" /> 
< asp:Button ID = "btnPrev" runat = "server" Text =" 上 一 页 " OnClick = "btnPrev_Click" /> 
<asp:Button ID = "btnNext" runat = "server" Text = "下 一 页 " OnClick = "btnNext_Click" /> 
<asp:Button ID = "btnLast" runat = "server" Text = " 末 页 " OnClick = "btnLast Click" /> 


</div> 


在 NewsList. aspx. cs 中 编写 后 台 代 码 实 现 分 页 功能 。 
(1) 修改 DataBindO 〇 方法 
重新 设 定 DataList 控件 pdsNews 的 数据 源 为 PagedDataSource 对 象 。 实 现代 码 


如 下 : 


private void Databind() 


{ 


// 设 置 PagedDataSource 对 象 实例 
PagedDataSource pdsNews = new PagedDataSource(); 
// 设 置 数据 源 


pdsNews. DataSource = NewsManager. GetNewsAllFieldsByConditions (ViewState[ " Conditions"]. 


‘ToString(), ViewState[ "SortField"]. ToString(), ViewSstate["Direction"]. ToString()); 
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// 设 置 允 许 分 页 
pdsNews. AllowPaging = true; 
// 设 置 每 页 显示 条 记录 
pdsNews. PageSize = 5; 
// 设 置 当前 页 索引 值 
pdsNews. CurrentPageIndex = PageIndex; 
// 设 置 末 页 索引 值 
ViewState[ "LastPageIndex"] = pdsNews.PageCount — 1; 
// 设 置 分 页 导航 栏 控件 状态 
SetControlState( pdsNews); 
// 绑 定数 据 源 
dlNews. DataSource = pdsNews; 
dlNews. DataBind( ); 
} 


(2) 设置 分 页 导航 按钮 事件 和 状态 
为 方便 引用 ,将 当前 页 索引 值 ViewState[ "PageIndex"] 设 置 成 属性 PageIndex。 实 


现代 码 如 下 : 
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#region 翻 页 
/// < summary> 
/// 当前 页 索引 值 ( 设 成 属性 便于 在 程序 访问 ) 
/// </summary> 


Private int PageIndex 


{ 
get 


{ 
return (int)ViewState["PageIndex" ]; 


ViewState[ "PageIndex"] = value; 


} 
protected void btnFirst_Click(object sender, EventArgs e) 
{ 

PageIndex = 0; 

Databind( ); 
了 
protected void btnprev_Click(object sender, EventArgs e) 
{ 

PageIndex—— ; 

Databind( ); 
} 
protected void btnNext Click(object sender, EventArgs e) 
人 

PageIndex++ ; 

Databind( ); 
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protected void btnLast Click(object sender, EventArgs e) 
{ 
PageIndex = Convert.ToInt32(ViewState["LastPageIndex"]); 
Databind( ); 
} 
private void SetControlState( PagedDataSource pds) 
i 
int recNum = pds.DataSourceCount; 
if (recNum > 0) // 数 据 源 中 有 记录 
{ 
btnTitleSort. Enabled = true; 
btnPubDateSort. Enabled = true; 
btnFirst. Enabled = true; 
btnPrev. Enabled = true; 
btnNext. Enabled = true; 
btnLast. Enabled = true; 
if (pds. IsFirstPage) // 当 前 页 为 首页 时 ,设置 "首页 "、" 上 一 页 "按钮 无 效 
{ 
btnFirst. Enabled = false; 
btnPrev. Enabled = false; 
} 
证 (pds. IsLastPage) // 当 前 页 为 末 页 时 ,设置 " 末 页 "、" 下 一 页 "按钮 无 效 
{ 
btnNext. Enabled 
btnLast. Enabled 


false; 
false; 


} 
// 标 签 控 件 中 显示 当前 页 及 总 页 数 等 信息 
lblPage. Text = "第 ”+ (pds.CurrentPageIndex + 1) + " 页 共 " + pds.PageCount + 
" 页 共 " + recNum + " 条 记录 "; 
} 
else 
{ 
btnTitleSort. Enabled = false; 
btnPubDateSort. Enabled = false; 
btnFirst. Enabled = false; 
btnPrev. Enabled = false; 
btnNext. Enabled = false; 
btnLast. Enabled = false; 
lblPage. Text = "记录 未 找到 "; 
} 
} 
# endregion 


(3) 给 当前 页 索引 赋 初 值 
当 页 面 首 次 加 载 时 需要 给 当前 页 索引 赋 初 值 。 所 以 在 Page_Load 事件 的 if (1IsPostBack) 
{…} 代 码 里 设置 *ViewState[ "PageIndex"] 二 0;”。 
在 排序 操作 后 应 将 当前 页 码 重 置 到 第 一 页 ,所 以 在 btnTitleSort_Click 和 btnPubDateSort_ 
Click 事件 中 分 别 设置 “PagelIndex 二 0;”。 
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分 页 后 的 新 闻 速 览 页 最 终 运行 效果 如 图 6-4 所 示 。 


读 现 在 的 位 置 : 首页 > 新 闻 素 区 


[IE 新闻 可 贡 
Ee | 权力 式 ， [于 本 到 | | 半日 央 开怀 


体 商 发 表明 期 : 2009/8/19 14:51:20 。 济 史 和 灼 : 4 
损 乐 be 个 环节 ， 自 我 介绍 、 个 人 面 i 和 轩 E 人 而 i 碟 。 在 第 一 枪 约 … 
He 

科技 乔 上 全 2 :2 
| | 0 ah 


发 表 巨 期 : 2009/7/2 15:00:00 
汽车 以 | 日 换 伯 不 仅 是 控 动 漆 划 9 


浏览 六 数 : 0 
See0or me oe 


作者 : 张 凡 发 表 日 期 : 2009/7/2 14:49:00 。 3 次 数 : D 
无 论 在 国内 这 是 国 让 上 大 学 ， 选 择 专业 者 是 想 当 重 要 ， 这 个 选择 可 以 ，… 


人 寺 旋 Hotl00 单 由 经 50 一 生 MK 
作者 : 时 蔡 发 表 日 期 ; 2009/7/2 11:01:00 :0 
1959 二 6 月 4 日， 公告 和 永志 设立 了 一 个 具备 全 性 的 间 级 持 … 


| 复 1 页 # 4 页 共 16 条 记录 | 首页 | 上 一 页 ”| [下 = 页 | [来 页 | 


图 6-4 新 闻 速 览 页 最 终 运 行 效果 
6.2.3 小 结 


(1) 使 用 PagedDataSource 对 象 实现 数据 分 页 显示 ,做 法 相对 来 说 比较 简单 。 但 它 
有 一 个 很 大 的 缺陷 , 即 每 换 一 次 页 ,必须 重新 访问 数据 库 , 再 次 将 表 中 所 有 数据 加 载 到 组 
存 中 ,如 果 数 据 量 很 大 ,有 几 万 行 的 话 ,这 个 缺陷 就 成 致命 的 了 。 所 以 这 种 方法 可 用 于 数 
据 量 不 大 的 情况 下 。 

(2) 使 用 PagedDataSource 对 象 的 基本 步骤 为 : 创建 一 个 PagedDataSource 类 的 对 
象 实例 一 给 PagedDataSource 对 象 的 相关 属性 赋值 一 将 PagedDataSource 对 象 绑 定 到 数 
据 绑 定 控件 。 


6.2.4 思考 与 练习 


1. 使 用 PagedDataSource 对 象 实现 数据 分 页 有 哪 几 个 步骤 ? 
2. 基于 存储 过 程 的 分 页 和 基于 PagedDataSource 的 分 页 各 有 什么 优 缺 点 ? 分 别 适 
用 于 什么 场合 ? 


任务 6.3 使 用 Repeater 列表 显示 新 闻 
任务 目标 
会 用 Repeater 控件 自 定义 模板 显示 数据 。 
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6.3.1 Repeater 控件 简介 


Repeater 控件 是 一 个 基本 模板 数据 绑 定 列表 控件 。 它 与 DataList 控件 相似 ,可 用 来 
显示 被 绑 定数 据 项 的 一 个 循环 序列 ,都 没有 内 置 分 页 功能 。 两 者 也 有 不 同 : DataList 控 
件 提供 了 布局 功能 ,会 自动 在 数据 项 周围 生成 一 个 HTML 表格 ,有 内 置 的 选择 和 编辑 功 
能 ,而 Repeater 控件 则 不 然 。Repeater 控件 功能 比 DataList 控件 简单 , 它 没有 内 置 的 布 
局 或 样式 ,不 会 自动 生成 任何 HTML 标签 ,因此 必须 在 这 个 控件 的 模板 内 显 式 声明 所 有 
的 HTML 布局 标记 、 格 式 设置 及 样式 标记 等 。Repeater 控件 没有 内 置 的 选择 和 编辑 功 
能 , 它 只 能 用 于 数据 显示 。 也 正 因 为 此 ,Repeater 控件 具有 更 好 的 灵活 性 和 更 高 的 效率 。 
不 过 ,Repeater 控件 的 所 有 代码 必须 在 Web 页 面 的 源 代码 视图 中 手工 添加 。 

Repeater 控件 的 数据 显示 形式 完全 由 用 户 通过 模板 来 控制 。 例 如 , 若 通过 HTML 
表格 显示 数据 ,应 在 HeaderTemplate 模板 中 放置 二 table 二 标记 来 开始 此 表格 ,然后 在 
ItemTemplate 模板 中 放置 二 tr 之 和 <td> 及 数据 绑 定 项 来 创建 该 表 的 行 和 列 。 若 要 使 表格 
中 交替 项 呈现 不 同 的 外 观 ,可 使 用 与 TemTemplate 相同 的 内 容 创 建 AlternatingItem- 
Template 模板 ,并 为 其 指定 一 个 不 同 的 样式 。 最 后 在 FooterTemplate 模板 中 放置 二 /table> 
标记 完成 表格 的 设置 。Repeater 控件 支持 的 模板 如 表 6-3 所 示 。 


表 6-3 ”Repeater 控件 支持 的 模板 


模板 属 性 说 明 
ItemTemplate 包含 要 为 数据 源 中 每 个 数据 项 都 要 呈现 一 次 的 HTML 元 素 和 控件 
包含 要 为 数据 源 中 每 个 数据 项 都 要 呈现 一 次 的 HTML 元 素 和 控件 。 通 
AlternatingItemTemplate | 常 ,可 以 使 用 此 模板 为 交替 项 创建 不 同 的 外 观 ,例如 指定 一 种 与 在 
ItemTemplate 中 指定 的 颜色 不 同 的 背景 色 


HeaderTemplate 包含 在 列表 的 开始 处 呈现 的 文本 和 控件 ,如 标题 、 列 标 头等 
FooterTemplate 包含 在 列表 的 结束 处 呈现 的 文本 和 控件 ,如 脚注 的 内 容 和 布局 
SeparatorTemplate 包含 在 每 项 之 间 呈 现 的 元 素 , 如 使 用 一 hr /二 标记 作 一 条 分 隔 线 


6.3.2 使 用 Repeater 控件 实现 新 闻 搜 索 列表 显示 


在 新 闻 搜 索 页 面 里 ,可 按 新 闻 标 题 进行 搜索 ,搜索 结果 用 Repeater 控件 以 列表 方式 
显示 。 为 查看 方便 起 见 , 列 表 里 显示 除 新 闻 内 容 (Contents) 外 的 部 分 字段 ,要 求 各 交 蔡 项 
应 用 不 同 的 背景 色 , 也 能 排序 和 分 页 。 使 用 Repeater 控件 列表 显示 数据 ,做 法 上 与 
DataList 控件 类 似 , 新 闻 搜索 页 的 做 法 类 似 于 新 闻 速 览 页 ,也 有 排序 、 分 页 功能 ,在 此 不 再 
熬 述 。 下 面 只 列 出 使 用 Repeater 控件 显示 新 闻 搜索 列表 的 基本 步骤 。 

在 Web 项 目的 根 目录 下 ,新 建 页 面 文件 NewsSearch. aspx。 

使 用 Repeater 控件 显示 新 闻 搜索 列表 的 基本 步骤 如 下 。 

(1) 添加 Repeater 控件 。 将 工具 箱 “ 数 据 ” 选 项 卡 中 的 Repeater 控件 拖 放 到 页 面 中 ， 
设置 Repeater 控件 的 ID 属性 值 为 rpNews。 

(2) 在 “ 源 代码 ”视图 中 编写 模板 代码 。 切 换 到 页 面 的 “ 源 代码 ”视图 ,在 二 asp: 
Repeater 之 和 一 /asp:Repeater 二 标记 之 间 编 写 ItemTemplate、AlternatingItemTemplate 
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模板 代码 。 这 里 采用 过 ul 盖 列表 标记 结合 样式 控制 来 定义 Repeater 列表 布局 。 
(3) 编写 后 台 代码 绑 定数 据 源 。 
NewsSearch. aspx 实现 代码 如 下 : 


<% 四 Page Language = "C#" MasterPageFile = "一 /NewsPage. Master" AutoEventWireup = "true" 
CodeBehind = "NewsSearch. aspx. cs"” Inherits = "Web. NewsSearch" Title= "新 闻 搜 索 " %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div id= "col"> 
<div class = "box"> 
<div class = "box_title"> 新 闻 搜索 </div> 
<div class = "box_text"> 
<div> 排 序 方式 : < asp:Button ID = "btnTitleSort" runat = "server" Text = 
" 按 标 题 升序 " OnClick = "btnTitleSort_Click" />|< asp:Button ID = "btnPubDateSort" runat = 
"server" Text = " 按 日 期 升序 " OnClick = "btnPubDateSort _Click" /> 
</div> 
<div> 
<ul id= "title_ul"> 
<1li class = "1i0"> 标 题 </1i> 
<1i class = "1i1"> 作 者 </1i> 
<1li class = "1i2"> 日 期 </1i> 
<1li class = "1i3"> 浏 览 次 数 </1i> 
<1i> 类 别 </1i> 
</ul> 
< asp:Repeater ID = "rpNews" runat = "server" EnableViewState = "false"> 
< ItemTemplate > 
<ul id= "content_ull"> 
<1li class= "1i0"><a href = "NewsDetail.aspx?Id=<% # Eval 
("Id") %>"><% # Web. Common. StringHandler.FilterString(Eval("Title").ToString()，25) %> 
</a></li> 
<liclass="lil"><%# Eval("Author") %></li> 
<liclass="]li2"><%# Eval("PubDate") %></li> 
<1li class= "1i3"><$ # Eval("Clicks") %></li> 
<1i><%# Eval("NewsCategory. Name") %></li> 
</ul> 
</ItemTemplate> 
<AlternatingItemTemplate> 
<ul id= "content ul2"> 
<1li class= "1i0"><a href = "NewsDetail.aspx?Id=<$% # Eval 
("Id") %>"><% # Web. Common. StringHandler. FilterString(Eval("Title"). ToString()，25) %> 
</a></1i> 
<liclass="lil"><%# Eval("Author") %></li> 
<liclass="]1li2"><$%# Eval("PubDate") %></li> 
<liclass="1i3"><%# Eval("Clicks") %></li> 
<li><%# Eval("NewsCategory. Name") %></li> 
</ul> 
</AlternatingItemTemplate> 
</asp:Repeater > 
</div> 
<div id= "page"> 
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<asp:Label ID= "lblPage" runat = "server" Text = "" EnableViewState = 


"false"></asp:Label > 


<asp:Button ID = "btnFirst” runat = " server"” Text = "首页 " OnClick = 


"btnFirst Click" /> 
<asp:Button ID = "btnPrev" runat = "server" Text = 
"btnPrev_Click" /> 


"上 一 页 " OnClick = 


<asp:Button ID = "btnNext" runat = "server" Text = "下 一 页 " OnClick= 


"btnNext_Click" /> 


<asp:Button ID= "btnLast" runat = " server" Text = " 末 页 " OnClick= 


"btnLast_Click" /> 
</div> 
</div> 
</div> 
</div> 
</asp:Content > 


NewsSearch. aspx. cs 实现 代码 如 下 : 


using NewsBLL; 
namespace Web 
{ 
public partial class NewsSearch : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
// 首 次 加 载 , 赋 初 值 
if (Request. QueryString["Title"] ! = null) 
{ 


string title = Server.UrlDecode(Request. QueryString[ "Title"]); 
ViewState[ "Title"] = "Title LIKE '%" + title + "%'"; 


TextBox txtTitleSearch = (TextBox)Master.FindControl("txtTitleSearch"); 


if (txtTitleSearch ! = null) 


{ 
txtTitleSearch. Text = title; 


} 
else 
{ 

ViewState[ "Title"] = ""; 
} 
ViewState[ "PageIndex"] = 0; 
ViewState[ "SortField"] = "Id"; 
ViewState[ "Direction"] = "DESC"; 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "PubDateClick"] = "0"; 
Databind( ); 
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} 

private void Databind() 

{ 
PagedDataSource pdsNews = new PagedDataSource(); 
// 给 PagedDataSource 对 象 的 相关 属性 赋值 


pdsNews. DataSource = NewsManager. GetNewsPartFieldsByConditions ( ViewState 
["Title"]. ToString(), ViewState["SortField"]. ToString(), ViewState["Direction"]. ‘ToString()); 


pdsNews. AllowPaging = true; 
pdsNews. PageSize = 5; 
pdsNews. CurrentPageIndex = PageIndex; 
ViewState["LastPageIndex"] = pdsNews.PageCount — 1; 
SetControlState( pdsNews); 
// 把 PagedDataSource 对 象 赋 给 DataList 控件 
rpNews. DataSource = pdsNews; 
rpNews. DataBind( ); 
} 
#region 排序 
protected void btnTitleSort Click(object sender, EventArgs e) 
{ 
ViewState[ "SortField"] = "Title"; 
PageIndex = 0; 
if (ViewState["TitleClick"].ToString() == "0") 
{ 
ViewState[ "TitleClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnTitleSort. Text =" 按 标题 降序 "; 
} 
else if (ViewState["TitleClick"].ToString() == "1") 
{ 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
btnTitleSort. Text =" 按 标题 升序 "; 
} 
Databind( ); 
} 
protected void btnPubDateSort_Click(object sender, EventArgs e) 
{ 
ViewState[ "SortField"] = "PubDate"; 
PageIndex = 0; 
证 (ViewState["PubDateClick"].ToString() == "0") 
{ 
ViewState[ "PubDateClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnPubDateSort. Text =“" 按 日 期 降序 "; 
} 
else if (ViewState["PubDateClick"].ToString() == "1") 
{ 
ViewState[ "PubDateClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
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btnPubDateSort. Text = " 按 日 期 升序 "; 
L 
Databind( ); 
}#endregion 


#region 翻 页 

/// < summary> 

/// 当前 页 数 

/// </summary> 
private int PageIndex 


return (int)ViewState[ "PageIndex"]; 


ViewState[ "PageIndex"] = value; 


} 
protected void btnFirst_ Click(object sender, EventArgs e) 
{ 
PageIndex = 0; 
Databind( ); 
} 
protected void btnPrev_ Click(object sender, EventArgs e) 
PageIndex——; 
Databind( ); 
} 
protected void btnNext_Click(object sender, EventArgs e) 
{ 
PageIndex ++ ; 
Databind( ); 
} 
protected void btnLast_ Click(object sender, EventArgs e) 
{ 
PageIndex = Convert.ToInt32(ViewState["LastPageIndex" ]); 
Databind( ); 
} 
private void SetControlState(PagedDataSource pds) 
{ 
int recNum = pds.DataSourceCount; 
if (recNum > 0) 
{ 
btnTitleSort. Enabled = true; 
btnPubDateSort. Enabled = true; 
btnFirst. Enabled = true; 
btnPrev. Enabled = true; 
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btnNext. Enabled = true; 
btnLast. Enabled = true; 
if (pds. IsFirstPage) 
{ 
btnFirst. Enabled = false; 
btnPrev. Enabled = false; 
} 
if (pds. IsLastPage) 
{ 
btnNext. Enabled = false; 
btnLast. Enabled = false; 
} 
lblPage. Text = "第 ”+ (pds. CurrentPageIndex + 1) + " 页 共 " + pds. 
PageCount + " 页 共 " + recNum + " 条 记录 "; 
} 
else 
{ 
btnTitleSort. Enabled = false; 
btnPubDateSort. Enabled = false; 
btnFirst. Enabled = false; 
btnPrev. Enabled = false; 
btnNext. Enabled = false; 
btnLast. Enabled = false; 
lblPage. Text = "记录 未 找到 "; 
} 
} #endregion 


E 


注意 : 由 于 在 页 面 设计 时 将 搜索 框 txtTitleSearch 置 于 母 版 页 中 ,所 以 在 内 容 页 
NewsSearch. aspx 中 访问 母 版 页 的 控件 时 ,采用 Master. FindControl() 方 法 获取 。 新 闻 
搜索 页 最 终 运行 效果 如 图 6-5 所 示 。 


6.3.3 小 结 


(1) Repeater 控件 使 用 数据 源 返回 的 一 组 记录 呈现 只 读 列 表 。Repeater 控件 不 具备 
内 置 的 呈现 功能 ,用 户 必 须 通过 创建 模板 来 自 定义 数 据 显示 布局 。 当 页 面 运行 时 ,该 控件 
为 数据 源 中 的 每 个 项 重复 此 布局 。 

(2) Repeater 控件 没有 默认 的 外 观 , 不 会 自动 生成 任何 HTML 标签 ,无 内 置 分 页 功 
能 。 只 能 手工 编写 其 模板 代码 和 分 页 功能 。 

(3) ASP.NET 的 5 大 数据 绑 定 控件 GridView、DetailsView、FormView、DataList、 
Repeater 的 比较 : GridView、DetailsView、FormView 控件 都 是 ASP.NET 2.0 新 增 的 控 
件 ,内 置 了 分 页 等 功能 ; GridView、DataList、Repeater 控件 用 于 呈现 多 条 记录 ， 
DetailsView、FormView 控件 用 于 呈现 单条 记录 明细 ; GridView、DetailsView 控件 的 布 
局 固定 , 自 定义 数据 显示 的 布局 功能 有 限 ,一 般 适合 布局 简单 的 数据 呈现 。FormView、 
DataList、Repeater 控件 都 有 很 强 的 自 定义 布局 能 力 , 如 果 数 据 呈 现 需要 较为 复杂 的 布局 
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图 6-5 新 闻 搜索 页 最 终 运 行 效果 


方案 ,这 3 个 控件 是 首选 。 
6.3.4 思考 与 练习 


1. 用 Repeater 控件 完成 首页 中 15 条 最 新 新 闻 和 15 条 最 新 留言 列表 显示 。 
2. 用 Repeater 控件 完成 用 户 留 言 页 中 留言 列表 显示 。 
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任务 7.1 一 个 基于 XML 的 留言 板 设计 


任务 目标 


(1) 了 解 ASP.NET 访问 XML 数据 所 使 用 的 常用 处 理 类 。 
(2) 掌握 使 用 XmlDataSource 数据 源 控件 和 数据 绑 定 控件 访问 XML 数据 的 基本 方法 。 


7.1.1 访问 XML 的 常用 处 理 类 


XML(eXtensible Markup Language, 可 扩展 的 标记 语言 ) 类 似 于 HTML, 它 也 是 一 
种 用 来 描述 数据 的 标记 语言 。XML 的 优势 在 于 它 可 以 预定 义 数据 结构 .扩展 标记 集 ; 可 
以 跨 平 台 使 用 ,并 且 可 以 以 数据 源 的 形式 存在 于 服务 器 端 。 

.NET Framework 提供 了 丰富 的 组 件 和 类 来 实现 对 XML 数据 的 访问 。 在 .NET 类 
库 中 ,实现 对 XML 文档 进行 操作 的 最 常用 的 扩展 类 是 XmlDocument 类 , 它 是 由 基础 类 
XmlNode 派生 的 。 

XmlDocument 类 的 常用 属性 、 方 法 及 相关 说 明 如 表 7-1、 表 7-2 所 示 。 


表 7-1 XmlDocument 类 的 常用 属性 


属 性 说 明 
DocumentElement 文档 的 根 
ChildNodes 节点 的 所 有 子 节点 
ParentNode 节点 的 父 级 节点 
LastChild 节点 的 最 后 一 个 子 级 节点 
InnerXml 节点 所 包含 的 所 有 XML 内 容 
Name 节点 名 称 


表 7-2 XmlDocument 类 的 常用 方法 


方 法 说 明 
Load 加 载 XML 文档 
CreateElement 创建 一 个 指定 的 元 素 
CreateTextNode 创建 具有 指定 文本 的 XmlText 
CreateNode 创建 一 个 指定 的 XmlNode 
AppendChild 将 指定 节点 添加 到 该 节点 的 子 节点 列表 的 末尾 
SelectNodes 选择 匹配 的 节点 
RemoveChild 移 除 指定 的 子 节点 


Save 保存 XML 文档 到 指定 位 置 
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下 面 通 过 一 个 简单 的 基于 XML 技术 的 留言 板 来 说 明 在 ASP.NET 中 访问 XML 文 
档 的 方法 和 过 程 。 


7.1.2 创建 留言 板 的 XML 文件 和 XSLT 文件 


(1) 运行 Visual Studio 2005。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 “解决 方案 
“0931””, 在 弹出 的 快捷 菜单 中 ,选择 “添加 ”一 “新 建 网 站 ”命令 ,在 打开 的 对 话 框 中 新 建 网 
站 Chap7。 

右 击 站 点 名 Chap7 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 新 
项 "对话 框 中 选择 “XML 文件 ”选项 ,可 以 使 用 默认 文件 名 XMLFile. xml。 在 XMLFile. 
xml 文件 中 添加 一 个 根 级 别 的 元 素 二 message 二 。 

XMLFile. xml 初始 代码 如 下 : 


<?xml version = "1.0" encoding= "utf - 8" ?> 
<message> 
</message> 


(2) 右 击 站 点 名 Chap7, 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 
新 项 ”对 话 框 中 选择 “XSLT 文件 ”选项 ,可 以 使 用 默认 文件 名 XSLTFile. xsl。 

XSLT( 可 扩展 样式 语言 ) 是 XML 文档 的 样式 文件 , 它 负责 将 XML 文档 转换 成 不 同 
应 用 程序 所 能 接受 的 数据 。 

在 XSLTFile. xsl 文件 中 编写 代码 如 下 : 


<?xml version = "1.0" encoding= "utf 一 8"?> 
<xsl:stylesheet version = "1.0" 
xmlns:xsl = "http://www. w3. org/1999/XSL/Transform"> 
<xsl:template match = "message"> 
<xsl:element name = "message"> 
<xsl:for— each select ="..//record"> 
<xsl:element name = "record"> 
<xsl:attribute name = "id"> 
<xsl:value— of select = "id"/> 
</xsl:attribute> 
<xsl:attribute name = "name"> 
<xsl:value- of select = "name"/> 
</xsl:attribute> 
<xsl:attribute name = "content"> 
<xsl:value— of select = "content"/> 
</xsl:attribute> 
<xsl:attribute name = "msgtime"> 
<xsl:value— of select = "msgtime"/> 
</xsl:attribute> 
</xsl:element > 
</xsl:for - each> 
</xsl:element > 
</xsl:template> 
</xsl:stylesheet > 
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7.1.3 XML 访问 的 公共 类 设计 


运行 Visual Studio 2005。 在 “解决 方案 资源 管理 器 "面板 中 , 右 击 站 点 Chap7 下 的 
App_Code 文 件 夹 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 新 项 ”对 
话 框 中 选择 “类 ”选项 ,文件 名 存 为 XmlW rite. cs。 

XmlWrite. cs 中 主要 实现 了 添加 留言 .删除 留言 的 功能 。 主 要 实现 代码 如 下 : 
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using System; 
using System. Data; 


using System. Configuration; 


using System. Web; 


using System. Web. Security; 


using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 

using System. Xm]; 


/// < summary> 
/// XmlWrite 的 摘要 说 明 
/// </summary> 


public class XmlWrite 


{ 


public xXxmlWrite( ) 


{ 


// TOD0: 在 此 处 添加 构造 函数 逻辑 


/// < summary> 
/// 写 XML 文 件 
/// </summary> 
public void WriteXML( string FileName, string id, string name, string content, string 


msgtime) 


// 创 建 血 1Document 对 象 实例 
XmlDocument doc = new XmlDocument(); 
// 加 载 xML 文 档 


doc. Load(FileName); 

// 以 下 新 建 元 素 - id, name, content, msgtime 
XmlElement ele_id = doc.CreateElement("id"); 
XmlText text id = doc.CreateTextNode(id); 


XmlElement ele name = doc.CreateElement("name"); 
XmlText text name = doc.CreateTextNode(name); 


XmlElement ele content = doc.CreateElement("content"); 
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} 


XmlText text_ content = doc.CreateTextNode(content); 


XmlElement ele msgtime = doc.CreateElement ("msgtime"); 
XmlText text msgtime = doc.CreateTextNode(msgtime); 


// 以 下 新 建 子 节点 ,并 在 节点 中 添加 元 素 
XmlNode newNode = doc.CreateNode("element", "record", ""); 


newNode. AppendChild(ele_id); 
newNode. LastChild. AppendChild( text_id); 


newNode. AppendChild(ele_name); 
newNode. LastChild. AppendChild( text name); 


newNode. AppendChild(ele_content); 
newNode. LastChild. AppendChild( text_ content); 


newNode. AppendChild(ele_msgtime); 
newNode. LastChild. AppendChild( text_msgtime); 


// 将 子 节点 添加 到 XML 文档 中 
XmlElement root = doc.DocumentElement; 
root. AppendChild( newNode); 


// 保 存 所 有 修改 
doc. Save(FileName); 


/// < summary> 

/// 删除 xML 文件 中 的 子 节点 

/// </summary> 

public void DeleNote(string FileName, string PassNode) 


上 


XmlDocument doc = new XmlDocument(); 
doc. Load(FileName); 


XmlElement root = doc. DocumentElement;// 文 档 的 根 
// 寻 找 所 有 包含 "id" 元 素 的 子 节点 
XmlNodeList nodes = root.SelectNodes("//id"); 
if (!(nodes == nul1)) 
{ 
// 遍 历 所 有 包含 "id" 元 素 的 子 节点 
foreach (XmlNode node in nodes) 
{ 
// 找 到 包含 当前 "id" 值 的 节点 元 素 
if (node. InnerXml == PassNode. ToString()) 
// 删 除 该 节点 元 素 的 父 节点 
root. RemoveChild( node. ParentNode); 
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// 保 存 所 有 修改 
doc. Save(FileName); 


} 
7.1.4 使 用 XmlDataSource 控件 和 DataList 控件 显示 留言 


运行 Visual Studio 2005。 在 ”解决 方案 资源 管理 器 ?面板 中 , 右 击 站 点 名 Chap7, 在 
弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 新 项 对 话 框 中 选择 "Web 窗 
体 ” 选 项 ,文件 名 存 为 Default. aspx。 

切换 到 “设计 ”视图 ,为 Default. aspx 页 面 添加 控件 。 从 左 侧 工具 箱 数据 组 中 拖 出 一 
个 XmlDataSource 控件 和 一 个 DataList 控件 。 

右 击 DataList 控件 右上 和 角 的 小 三 角 按 钮 ,在 弹出 的 “DataList 任务 "菜单 中 ,选择 “选择 
数据 源 ”-" 新 建 数 据 源 ”命令 ,打开 “数据 源 配置 向 导 ” 对 话 框 ,选择 数据 源 类 型 为 "XML 
文件 ”, 并 在 “为 数据 源 指定 ID 文本 框 中 输入 XmlDataSourcel ,如 图 7-1 所 示 。 


昌 . 
es 数 FITEEB 


为 数据 源 指定 IDO: 
XmlDataSourcel 


图 7-1 “数据 源 配置 向 导 ” 对 话 框 


单 击 “确定 ”按钮 ,在 随后 弹出 的 “配置 数据 源 -XmlDataSourcel” 对 话 框 中 指定 “数据 
文件 ”和 数据 “转换 文件 ”, 如 图 7-2 所 示 。 
Default. aspx 显示 留言 页 面 主要 代码 如 下 : 


< html xmlns = "http://www. w3.org/1999/xhtml"> 
< head runat = "server"><title> 0931 在 线 论坛 </title></head><body> 
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指定 用 作 此 控件 源 的 XML 教 据 文件 。 您 可 以 选择 江 定 附加 文件 , 这 些 文件 将 用 来 在 深 件 佳 用 该 XML 前 修改 亡 。 

数据 文件 (Di: 

~/XMLFile.xml 人 浏览 
转换 文件 (站: 


~/XSLTFile xsl 


转换 文件 介绍 应 如 何 将 XML 文件 结构 转换 为 其 他 结构 。 
XPath 雪 达 式 [X): 


利用 XPath 表达 式 可 策 选 XML 文件 中 的 数据 ,并且 仅 返 回 该 文件 的 子 集 。 


Es | 


图 7-2 配置 数据 源 对 话 框 


<form id = "forml" runat = "server"> 
<div> 
<asp:DataList ID = "DataList1l" runat = " server”DataSourceID = "XmlDataSource2" 
BackColor = "#CCCCCC" BorderColor = "#999999" BorderStyle = "Solid" BorderWidth = "3px" 
CellPadding = "4" CellSpacing = "2" ForeColor = "Black" GridLines = "Both" Width= "1050px"> 
<ItemTemplate> 
序号 : <asp:Label ID = "Labell" runat = "server" Text = <%# Eval("id") 多 
>></asp:Label ><br /> 
姓名 : < asp:Label ID = "nameLabel" runat = "server" Text = '<%# Eval 
("name") %>></asp:Label ><br /> 
发 言 内 容 : <asp:Label ID = "msgLabel”" runat = "server" Text = '<%# Eval 
("content") %>></asp:Label ><br /> 
留言 时 间 : < asp:Label ID = "urlLabel" runat = "server" Text = '< 负 井 Eval 
("msgtime") %>></asp:Label ><br /> 
</ItemTemplate> 
</asp:DataList> 
<asp:XmlDataSource ID = "XmlDataSource2" runat = "server" DataFile = "一 / XMLFile. 
xml " TransformFile = "一 / XMLFile.xsl"> 
</asp: XmlDataSource> 
</div> 
</form> 
</body></html > 


Default. aspx 显示 留言 页 面 运行 效果 如 图 7-3 所 示 。 
7.1.5 添加 留言 到 XML 文件 中 


右 击 站 点 名 Chap7 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 命令。 打开 ”添加 新 项 ?对 
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二 二 
其 0931 在 线 治 坛 - Windows Internet Explorer i 有 ; 
@ISE http://localhost-1298/Chap9/Defa ~ | $+ |X | Livesearch Pp 
坎 收 天 “人 必 0931 在 线 治 坛 | | 合 - 国 " 马 哪 -Dr 


全 2009103232614 


Fy py, 我 页 面 里面 的 GridView， 显 示 的 每 行 记录 后 面 都 有 一 个 “删除 ” 税 
取 到 用 户 单 市 “ 考 除 "按钮 后 ， 所 在 的 那 一 行 中 “单价 ”这 一 列 的 值 是 多 少 应 该 如 何 获 四 
留言 时 间 ， 2009/1003 2326 


是 2 外 

发 言 内 容 ， 我 在 Gsaview 中 的 模板 列 加 了 一 个 LinkButon 然后 稳 它 的 CommandArgumen 
应 数据 库 的 人 D 然后 这 个 LinkButton 会 跳 转 到 另 一 个 页 面 我 就 获得 这 个 D 在 去 数据 库 ; 
有 保存 对 数据 库 的 思 

留言 时 间 ， 2009/10/05 2336 


序号 ， 2009105234001 

2 人 很 多 种 办 法 但 是 总 是 页 错 说 我 在 另 一 个 页 面 获得 值 的 时 候 
发 言 5 EB 

和 和 2 
留言 时 间 ， 2009/10/05 23-40 


序号 2009105235154 
姓名 有 问 必 答 本 
发 言 内 容 ， GridView 异 板 列 中 的 按钮 如 何 获取 当前 行 的 索引 值 ? 是 | 
留言 时 间 ， 2009/10/$ 23:S1:54 


4[ mm » 


Tn 


图 7-3 显示 留言 页 面 运 行 效果 


话 框 ,选择 Web 窗 体 ” 选 项 ,添加 留言 页 面 文件 名 存 为 AddMessage. aspx。 

切换 到 “设计 ”视图 ,为 AddMessage. aspx 页 面 添加 若干 个 Label 控件 、TextBox 控 
件 、Button 控件 以 及 RequiredFieldValidator 必 添 控件 。AddMessage. aspx 页 面 界 面 设 
计 和 运行 效果 如 图 7-4 所 示 。 


全 0931 在 线 论坛 -添加 留言 - Windows Intemnet.. al Eel 
@IS | 外 httpi//ocalhost129 ~ | 4 |X || 加 iive ses 


诊 收 夫人 编 0931 在 线 6 坛 添 I 留言 。 | 和 芥 - 


发 言 内 容 : 

问题 是 当下 击 "编辑 " 技 相 后 如 何 出 现 新 的 界面 ,以 及 产生 对 应 < 
的 事件 1. 首先 需要 在 GzidView 中 添加 模板 列 ， 

这 里 识 可 添加 三 列 ， 其 中 第 一 列 是 用 于 坊 辑 { 即 交 观 单 击 “ 编 
气 ” 撤 钮 后 变 为 0K 和 Cancle 按 思拓 态 》 


姓名 ， 冲 别 
提交 时 间 2009/10/6 102:18 


| EE 


7-4 添加 留言 页 面 
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在 AddMessage. aspx 页 面 中 ,使 用 了 一 个 Label2 控件 ,用 来 自动 显示 并 记录 留言 发 


表 的 日 期 和 时 间 , 注 意 在 AddMessage. aspx. cs 文件 的 Page_Load() 事 件 中 ,需要 用 
Label2. Text 二 DateTime. Now. ToString() ;代码 给 Label2 的 Text 属性 赋值 。 


AddMessage. aspx 添加 留言 页 面 代 码 如 下 : 


<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head runat = "server"><title> 0931 在 线 论坛 - 添加 留言 </title></head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<table style= "width: 416px"> 
<tr><td> 发 言 内 容 : </td></tr> 
<tr><td> 
<asp: TextBox ID = " TextBox2" runat = " server ”Rows = "8" TextMode = 
"MultiLine" Width = "394px"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "RequiredFieldValidator3" runat = "server" 
ControlTbVal idate = "TextBox2”ErrorMessage = "请 填写 留言 内 容 "> </asp:RequiredFieldValidator> 
</td></tr> 
<tr><td> 姓 名 : <asp:TextBox ID = "TextBoxl" runat = "server" Width = "148px"> 
</asp:TextBox> 
<asp:RequiredFieldValidator ID = "RequiredFieldValidator4" runat = "server" 
ControlToValidate = "TextBoxl" ErrorMessage = "请 填写 姓名 "></asp:RequiredFieldValidator > 
</td></tr> 
<tr><td style = "height: 26px"> 
<asp:Label ID = "Label1" runat = "server" Text = "提交 时 间 "></asp:Label> 
<asp:Label ID = "Label2" runat = "server" Text = "显示 时 间 "></asp:Label> 
</td></tr> 
<tr><td style= "width: 230px"> 
<asp:Button ID = "Button1”runat = "server" OnClick= "Buttonl_Click" Text = " 提 
交 留 言 " /> 
</td></tr> 
</table> 
</div> 
</form> 
</body> 
</html > 


在 AddMessage. aspx. cs 中 编写 如 下 事件 代码 : 


using System. Xm]; 
public partial class AddMessage : System. Web. UI. Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
Label2. Text = DateTime. Now.ToString(); 
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protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (TextBoxl.Text ! = string. Empty &&TextBox2.Text! = string .Empty) 
{ 
// 获 取 发 言 时 系统 的 日 期 和 时 间 
string date = DateTime . Now . Year.ToString() + DateTime . Now . Month. ToString() + 
DateTime .Now .Day. ToString(); 
string time = DateTime . Now . Hour. ToString() + DateTime . Now .Minute.TbString() + 
DateTime . Now . Second. ToString( ); 


// 构建 留言 序号 
string MessgeID = date + time; 
// 初 始 化 XmlWrite 类 


XmlWrite AddMessage = new XmlWrite(); 

RddMessage. WriteXML ( Server. MapPath ( " XMLFile. xml "), MessgeID. ToString ( ), 
TextBox1 . Text, TextBox2.Text, Label2. Text); 

// 重 定向 到 首页 浏览 页 面 

Response. Redirect("Default. aspx" ); 


. 

说 明 : 

@ 注意 对 留言 序号 的 处 理 , 这 里 用 发 言 时 系统 的 日 期 和 时 间 构 建 了 留言 id。 也 可 以 
用 别 的 途径 解决 留言 序号 的 问题 。 

@ WriteXML() 方 法 所 需 的 第 一 个 参数 是 XMLFile. xml, 后 续 4 个 参数 依次 为 : 留 
言 序号 (id)、 姓 名 (name) 发 言 内 容 (content)、 提 交 时 间 (msgtime) 。 


7.1.6 使 用 XmlDataSource 控件 和 GridView 控件 删除 留言 


右 击 站 点 名 Chap7 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 ,打开 “添加 新 项 ”对 话 
框 ,选择 “Web 窗 体 ” 选 项 ,删除 留言 页 面 文件 名 存 为 DelMessage. aspx。 

切换 到 设计 视图 ,为 DelMessage. aspx 页 面 添 加 控件 。 从 左 侧 工具 箱 数据 组 中 拖 出 
一 个 XmlDataSource 控件 和 一 个 GridView 控件 。 

右 击 GridView 控件 右上 角 的 小 三 角 按 钮 ,在 弹出 的 “GridView 任务 "菜单 中 ,选择 
“选择 数据 源 ”- 新 建 数据 源 ” 命 令 ,打开 “数据 源 配置 向 导 ? 对 话 框 ,选择 数据 源 类 型 为 
“XML 文件 ”, 并 在 “为 数据 源 指定 ID" 文 本 框 中 输入 XmlDataSourcel ,如 图 7-1 所 示 。 

单 击 “ 确 定 ” 按 钮 ,在 随后 弹出 的 配置 数据 源 对 话 框 中 指定 “数据 文件 ”和 数据 “转换 文 
件 ”, 如 图 7-2 所 示 。 

单 击 GridView 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 “GridView 任务 ”菜单 中 选择 “添加 
新 列 ?命令 ,打开 * 添 加 字段 ?对 话 框 ,选择 字段 类 型 为 TemplateField 、 页 眉 文本 为 “删除 ”, 单 
击 “确定 ”按钮 。 在 “GridView 任务 "对话 框 中 ,再 选择 “编辑 模板 ” 列 , 在 ItemTemplate 中 添 
加 一 个 LinkButton 控件 。 单 击 LinkButton 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 “LinkButton 
任务 ”菜单 中 选择 “编辑 DataBindings” 命 令 , 在 打开 的 LinkButtonl DataBindings 对 话 框 
中 ,选择 要 绑 定 的 CommandArgument 属性 为 id, 如 图 7-5 所 示 。 
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一 一 
LinkButtonl DataBindings 


选择 要 岂 定 到 的 属性 ， 然 后 可 通过 选择 字段 来 召 定 它 。 也 可 使 用 自 定义 代码 到达 式 畦 定 它 。 


可 弓 定 尾 性 (p): 为 CommandArgument 乡 定 
加 图 计 段 纤 定 日: 
固 Enabled 
车 Text 绢 定 到 (B): 
置 visible 

档 式 (D): 


示例 全; 


加 自主 X 网 证 (O: 
代码 表达 式 (E): 
Eval("id") 


图 7-5 LinkButtonl DataBindings 对 话 框 


DelMessage. aspx 删除 页 面 主要 代码 如 下 : 


<form id = "forml" runat = "server"> 
<div> 
< asp: GridView ID = " GridViewl" runat = " server" AllowPaging = "True" 
RutoGenerateColumns = " False" DataSourceID = " XmlDataSource2" Width = "”OnRowCommand = 
"GridViewl_RowCommand" CellPadding = "4" ForeColor = "#333333" GridLines = "None"> 
<Columns> 
< asp:BoundField DataField= "id" HeaderText = "编号 " SortExpression= "id" /> 
<asp:BoundField DataField = "name" HeaderText = "姓名 " SortExpression= "name" /> 
< asp:BoundField DataField = "content" HeaderText = "发 言 内 容 ”SortExpression = 
"content" /> 
< asp:BoundField DataField = "msgtime" HeaderText = "留言 时 间 ” SortExpression = 
"msgtime" /> 
<asp:TemplateField HeaderText = "删除 "> 
< ItemTemplate> 
< asp:LinkButton ID = "LinkButtonl" runat = "server" CommandArgument = 
<%# Eval("id") %>'CommandName = "Del”CausesValidation = "false"> 删 除 </asp:LinkButton> 
</ItemTemplate> 
</asp:TemplateField> 
</Columns> 
</asp:GridView> 
<asp:XmlDataSource ID = "XmlDataSourcel" runat = "server" DataFile = "一 / XMLFile. 
xml " TransformFile= "一 / XSLTFile.xsl "> 
</asp:XmlDataSource> 
</div> 
</form> 
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右 击 *GridView 控件 ”, 在 弹出 的 快捷 菜单 中 可 以 为 GridView 选择 “自动 套用 格式 ” 
子 菜单 中 的 色彩 方案 。 限 于 篇 幅 , 这 里 省 略 了 页 面色 彩 方案 部 分 的 代码 。 

右 击 “GridView 控件 ”在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ,打开 “属性 ”窗口 ,在 
GridViewl 的 属性 窗口 中 , 单 击 “ 事 件 ” 按 钮 。 双 击 触 发 RowCommand 事件 ,在 DelMessage. 
aspx. cs 文件 中 编写 GridView1l_RowCommand 事件 代码 如 下 : 


using System. Xml; 
public partial class DelMessage : System. Web. UI. Page 
{ 
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) 
{ 
if (e.CommandName == "Del") 
{ 
// 初 始 化 xmlWrite 类 
XmlWrite WriteMessage = new XmlWrite(); 
// 获 取 选 中 的 待 删 行 的 "id" 值 
string passid = e.CommandArgument. ToString( ); 
WriteMessage. DeleNote( Server. MapPath( "XMLFile. xml"), passid ); 


i 


注意 : DeleNote () 方 法 所 需 的 第 一 个 参数 是 XMLFile. xml, 第 二 个 参数 passid 是 单 击 
“删除 ”按钮 时 ,页 面 传递 过 来 的 待 删 留言 的 id 值 。id 参数 值 传递 的 设置 参见 图 7-5 所 示 的 
LinkButtonl DataBindings 对 话 框 ,在 其 中 设置 LinkButton 控件 的 CommandArgument 属 
性 值 为 '<%# Eval("id") %>'。 

DelMessage. aspx 删除 留言 页 面 运行 效果 如 图 7-6 所 示 。 


页 面 里 面 的 GridView， 显 示 的 每 行 记录 后 面 都 有 一 个 “删除 ” 
， 当 平 击 了 它们 后 就 会 角 发 事件 我 希 机 获取 到 用 户 单 由 
加 “所 在 的 那 一 行 中 “单价 ”这 一 列 的 值 是 多 少 应 六 如 何 获 
到? 弃 烦 第 答 ， 谢 谢 一 


2009105233655 和 把 的 EE A 9 的 各 io 
查询 。 我 本 来 旺 用 Sesson 做 的 保存 后 旦 人 数据 库 的 四 
i; 试 了 很 多 种 办 法 但 是 总 性 页 面 报 异 说 我 在 另 一 个 页 面 获得 Scssioa 值 的 时 
2009105234001 保 是 未 将 对 登 的 引用 到 实例 元 起 知道 究竟 在 哪个 时 间 中 写 什么 代码 
下 才能 够 实现 我 所 说 的 功能 感谢 惑 谢 ! ! ! 急 ! 


有 
要 


到 


2009105235154 GridView 槛 板 列 中 的 按钮 如 何 著 取 当 前 行 的 索引 值 了 2009/10/5 


23S1:54 


图 7-6 删除 留言 页 面 运行 效果 
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2. 到 水 续 


因为 XmlDataSource 数据 源 控件 不 支持 Insert、Update 以 及 Delete 等 方法 ,所 以 需 
要 为 访问 XML 封装、 设计 公共 类 ,编写 增 \、 删 \ 改 、 查 XML 数据 的 方法 。 


7.1.8 思考 与 练习 


参照 本 书 任务 9. 1(9.1. 8 小 节 ) 中 AspNetPager 分 页 控件 的 使 用 ,给 显示 留言 页 面 
加 上 分 页 功能 。 
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任务 8.1 使 用 Web 服务 查询 发 布 天 气 预报 


任务 目标 


(1) 了 解 Web 服务 的 概念 以 及 应 用 前 景 。 
(2) 掌握 创建 Web 服务 和 使 用 Web 服务 的 方法 。 


8.1.1 Web 服务 概述 


Web 服务 提供 了 一 种 可 以 在 不 同 编程 语 言 .不 同体 系 架构 以 及 不 同 操作 系统 的 Web 
应 用 程序 之 间 交 互通 信 的 平台 。Web 服务 是 建立 在 XML、SOAP (Simple Object Access 
Protocol ,简单 对 象 访问 协议 )\WSDLCWeb Services Definition Language, Web 服务 定义 
语言 ) 和 UDDI(Universal Description Discovery Integration ,统一 描述 .查找 、 集 成 ) 等 
Web 行业 开放 标准 的 基础 上 的 , 允许 任何 人 开发 或 者 使 用 它们 。 

Web Service 通过 SOAP 协议 来 实现 XML 格式 数据 的 传输 ; WSDL 是 一 个 用 来 描 
述 Web Service 访问 方式 的 XML 文档; UDDI 是 用 来 注册 发 布 Web Service 和 搜索 发 现 
Web Service 信息 的 一 个 标准 。 

有 越 来 越 多 的 商务 应 用 、 金 融 财 务 事务 乃至 公共 服务 使 用 Web 服务 模式 ,有 人 预测 
Web 服务 将 成 为 未 来 动态 商务 Web 的 主流 技术 。 


8.1.2 一 个 简单 的 web 服务 实例 


下 面 通过 Visual Studio 提供 的 Web 服务 样 例 来 说 明 创 建 一 个 Web 服务 和 使 用 
Web 服务 的 过 程 。 
创建 一 个 Web 服务 的 过 程 如 下 。 
(1) 运行 Visual Studio 2005。 选 择 菜 单 “ 文 件 ” 一 "新建 "一 "网 站 ”命令 ,在 弹出 的 
“新 建 网 站 ”对 话 框 中 选择 “ASP.NET Web 服务 ”模板 、 
解决 方案 资源 管理 器 - EN\Webser- 
注意 这 是 一 个 提供 Web 服务 的 网 站 模板 ,给 网 站 命名 。 |[ 忆 全国 国 员 中 交 


为 WebServicel 。 || "EE 
生 写 App_Code 
(2) 单 击 * 确 定 "按钮 ,在 “解决 方案 资源 管理 器 " 面 。 | 要 sevicecs 
板 中 ,可 以 看 到 用 来 实现 Web 服务 的 Service. asmx 文 : ee 


件 和 Service. cs 文件 ,如 图 8-1 所 示 。 在 Service. cs 后 
置 代 码 文件 中 ,有 自动 生成 的 代码 如 下 : 图 8-1 Web 服务 网 站 WebServicel 
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using System; 

using System. Web; 

Using System. Web. Services; 

using System. Web. Services. Protocols; 


[WebService(Namespace = "http://tempuri. org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel 1)] 
public class Service : System. Web. Services. WebService 


{ 
public Service () 
{ 


// 如 果 使 用 设计 的 组 件 ,请 取消 注释 以 下 行 


//InitializeComponent( ); 
} 


[WebMethod] 
public string HelloWorld() { 
return "Hello World"; 
} 
} 


在 这 里 ,模板 定义 了 一 个 public 类 Service, 它 继承 自 System. Web. Services. WebService 
类 。Service 类 中 已 经 定义 了 一 个 Web 服务 方法 HelloWorld() ,调用 该 方法 将 返回 一 个 


"Hello World" 字 符 串 。 
为 区 别 于 其 他 网 站 的 Web 服务 ,可 


以 修改 Web 服务 的 默认 命名 空间 ,比如 可 以 改 为 


Namespace = "http://www. 0931. org/"。 


打开 Service. asmx 文件 ,其 中 只 有 


- 行 代码 , 照 录 如 下 : 


<% @ WebService Language = "C#" CodeBehind = "~/App_Code/Service. cs" Class = "Service" %> 

(3) 在 “解决 方案 资源 管理 器 "面板 中 右 击 E:\WebServicel\ ,在 弹出 的 快捷 菜单 中 选择 
“生成 网 站 ”命令 。 网 站 生成 后 , 右 击 Service. asmx 文件 ,在 弹出 的 快捷 菜单 中 选择 “在 浏览 
器 中 查看 ”命令 。Service. asmx 运行 结果 如 图 8-2 所 示 。 此 Web 服务 页 面 (Service. 
asmx) 的 URL:http://localhost:49690/WebServicel/Service. asmx 可 记 下 备用 。 至 此 ， 


-个 Web 服务 创建 完毕 。 


宽大 和 @ sevice Web 服务 


支持 下 列 操 作 。 有 关 正式 定义 ， 请 查看 服务 说 明 
ea Helloworld 


4 
GO 入] http://localhost:49690/WebServicel/Service. asmx =||ES| lss ||X| [eivesearch [pl- 


| 例 - 国 -马蜂 -zj- xseg- IRO- ” 


图 8-2 ”查看 WebServicel 提供 的 Web 服务 
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(4) 单 击 HelloWorld 超 链接 ,可 以 看 到 此 Web 服务 的 测试 调用 窗口 ,如 图 8-3 所 示 。 


Ge- | htpv/localhost49690/webserviceyyserviceasmxop=Hel 了 回回 隐 [| 辐 tvesearh [PI 


音 a 赤 个 sevice Web 服 务 您"- 国 -马蜂 mi xx29 IRO 千 - 


单 击 此 处 ,获取 完整 的 操作 列表 。 


HelloWorld 
测试 
着 要 使 用 HTTP POST 协议 对 操作 进行 测试 ， 请 单 击 “ 调 用 ”按钮 。 


加 可 


SOAP 1,1 
以 下 是 SOAP 1.2 请 求 和 响应 示例 。 所 蜡 示 的 占 位 符 需 首 鬼 为 实际 逢 。 
BOST /Webservicel/Service-acmx HTTP/1.1 


Bost: localhost 
Content-TYPe: text/xml; charset=utf-8 


图 8-3 ”Web 服务 的 测试 调用 窗口 


单 击 “ 调 用 ”按钮 ,可 以 对 此 Web 服务 进行 调用 测试 ,测试 结果 如 图 8-4 所 示 。 


Mee sarin etmetoWot Windows Intemet Explorer -|o|x 
)* |) hrpylocalnost49690/wehserv smxyHelowo =] Bl [ss | | tivesearcn [Pl- 
| 总" 国 - 习 哪 ” ip)” 安 265)” IRO)” 性- 


wi http//localhost:49690/Web... 


<?xml version="1.0" encoding="utf-8" ?> 1 
<string xmIns="http:/ /www.0931.0rg/">Hello World</string> 


图 8-4 测试 返回 结果 


以 下 是 使 用 Web 服务 的 过 程 ,说 明 如 何在 另 一 服务 器 或 者 另 一 网 站 上 使 用 上 述 
Web 服务 。 

(1) 创建 使 用 Web 服务 的 网 站 。 0 Visual Studio 2005 ,选择 菜单 “文件 ”一 “新 建 ” 一 
“网 站 ”命令 ,打开 “新 建 网 站 ”对 话 框 ,选择 ASP. NET 网 站 ”选项 ,给 网 站 命名 为 
WebsService2 。 

(2) 在 “解决 方案 资源 管理 器 ”面板 中 右 击 WebService2 ,在 弹出 的 快捷 菜单 中 选择 
“添加 Web 引用 "命令 。 在 图 8-5 所 示 的 “添加 Web 引用 ?对 话 框 的 URL 地 址 栏 中 ,输入 
提供 Web 服务 的 Service. asmx 页 面 的 URL: http://localhost: 49690/WebServicel/ 
Service. asmx。 此 URL 是 之 前 记 下 备用 的 ,是 WebServicel 网 站 提供 Web 服务 的 
Service. asmx 页 面 的 URL。 也 可 以 在 图 8-2 所 示 的 下 浏览 器 的 地 址 栏 中 看 到 。 

注意 : 发 布 Web 服务 的 页 面 URL 的 端口 号 是 随机 发 生变 化 的 。 另 外 ,如 果 提 供 
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请 定位 到 昌 供 Web 服务 的 URL ,然后 单 击 “ 添 加 3 引 用” ， 添 加 位 于 该 URL 上 的 所 有 可 用 服务 , 


8 提 国 国 和 从 


URLU): [httpi//localhost: 49690/WebSemvicel/Service.asmx 刁 Gne 


支持 下 列 择 作 。 有 关 正 式 定 义 ， 请 查看 服务 说 明 。 


» Helloword 


图 8-5 “添加 Web 引用 ”对 话 框 


Web 服务 的 网 站 在 另 一 服务 器 上 , 则 localhost 应 当 是 别 的 


- E\WebServic.. x 

服务 器 的 域名 或 IP 地 址 。 mW 

单 击 “ 前 往 ” 按 钮 , 待 找到 位 于 此 URL 上 的 Web 服务 ”| 器 租 x5 雪 "webservicez" GL 个 3 
后 ,输入 Web 引用 名 ,这 里 命名 为 WebServ1。 . "BE 

(3) 单 击 * 添 加 Web 引用 ”对 话 框 中 的 “添加 引用 ”按钮 ， -Appin 

-个 以 WebServl 命名 的 SOAP 代理 类 自动 生成 ,如 图 8-6 所 

示 。 其 中 Service. wsdl(Web Service Description Language， 上 | 
WSDL) 是 一 个 XML 格式 的 描述 文档 ,说 明 此 Web 服务 中 9 Defaultaspxcs | 
定义 的 类 方法 以 及 所 需 参数 等 。 hd] 

在 站 点 应 用 程序 配置 文件 Web. Config 的 < appSettings 二 四 
节 中 ,可 以 看 到 自动 增加 的 代码 如 下 : 图 8-6 生成 WebServl 代理 类 


<configuration> 
<appSettings > 
< add key = " WebServ1. Service"” value = " http://localhost: 49690/WebServicel/ 
Service. asmx"/> 
</appSettings > 


</configuration> 


注意 : 当 发 布 Web 服务 的 页 面 URL 或 端口 号 发 生变 化 时 ,要 在 此 修改 value 的 值 。 
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至 此 ,站 点 A 上 的 Web 服务 成 为 站 点 B 上 的 一 个 内 置 类 ,站 点 也 可 通过 此 (内 置 的 ) 
代理 类 向 Web 服务 发 送 请 求 并 返回 结果 。 

(4) 在 Default. aspx 页 面 添 加 一 个 Label 控件 ,一 个 Button 控件 ,用 来 调用 Web 服 
务 和 显示 调用 结果 。Default. aspx 页 面 主要 代码 如 下 : 


<html xmlns = "http://www. w3.org/1999/xhtml" > 
<head runat = "server"><title> 调 用 Web 服务 </title></head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<asp:Label ID = "Labell" runat = "server" Text = "显示 返回 结果 "></asp:Label> 
< asp: Button ID = "Button1" runat = "server”Text = "获取 Web 服务 " OnClick = 
"Button1_Click"/> 
</div> 
</form> 
</body> 
</html > 


在 Default. aspx. es 的 Buttonl_Click 中 编写 如 下 代码 : 


protected void Button1_Click(object sender, EventArgs e) 


// 创 建 代理 类 对 象 实例 并 调用 实例 方法 _ 

WebServ1. Service simpleWebServ = new WebServ1、 ‘(BI Windowsnt. -| 口 |X|| 
Service() DO [Opiocalhost | 加 | 

string strResult = simpleWebServ.HelloWorld(); 高 可 严 ” 傅 调用 web 服 和 

// 返 回 结果 赋值 给 Labell 

Labell. Text = strResult; Hello World 获取 Web 服 务 


} 


(5) 运行 Default. aspx, 单 击 “ 获 取 Web 服务 ”按钮 ,在 
Labell 中 将 显示 调用 此 Web 服务 的 结果 ,如 图 8-7 所 示 。 图 8-7 调用 Web 服务 结果 


8.1.3 一 个 返回 DataSet 对 象 的 电话 区 号 查询 Web 服务 实例 


下 面 开发 一 个 提供 电话 区 号 查询 的 Web 服务 : 输入 城市 名 称 , 即 可 返回 一 个 对 应 的 
电话 区 号 。 以 此 为 例 ,进一步 说 明 一 个 实用 的 Web Service 的 创建 和 使 用 过 程 。 

此 查询 类 的 Web 服务 返回 的 是 一 个 DataSet 对 象 ,提供 此 Web Service 的 站 点 需要 
有 后 台数 据 源 支持 ,这 里 使 用 SQL Server 2005 数据 库 。 数 据 库 表 telecode 的 简单 设计 
如 表 8-1 所 示 。 


表 8-1 telecode 表 结 构 


字 段 名 字段 类 型 主键 及 字段 属性 
id int 主键 ,标识 增 量 1 ,标识 种 子 1 
CityName nchar(10) 城市 名 
TelephoneCode nchar(10) 电话 号 码 


162 


第 8 章 .NET Web 服 务 


Web Service 的 创建 过 程 如 下 。 

(1) 运行 Visual Studio 2005。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 Web 服务 网 站 
EE:\WebServicel\ ,在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 ”命令 ,在 弹出 的 “添加 新 
项 -下 :\WebServicel” 对 话 框 中 ,选择 “SQL 数据 库 ”, 创 建 一 个 名 为 webServInfo. mdf 的 
数据 库 及 数据 库 表 telecode。 数 据 库 及 表 的 创建 步骤 参照 5. 1. 3 小 节 。 

选择 将 webServInfo. mdf 放 在 App_Data 文件 夹 中 。 在 “服务 器 资源 管理 器 ”面板 中 
右 击 “ 数 据 连 接 ”, 在 弹出 的 快捷 菜单 中 选择 “添加 连接 ”命令 ,在 弹出 的 “添加 连接 ”对 话 框 
中 ,选择 数据 源 为 “Microsoft SQL Server 数据 库 文件 (SqlClient)”; 单 击 “ 浏 览 ” 按 钮 , 选 
择 数据 库 文件 名 ,这 里 是 : E:\ WebServicel\App_Data\webServInfo. mdf。 在 连接 数据 
库 时 ,可 以 使 用 SQL Server 身份 验证 ,输入 数据 库 用 户 名 和 密码 ,也 可 以 使 用 Windows 
身份 验证 ,这 里 使 用 Windows 身份 验证 , 单 击 “ 测 试 连接 "按钮 ,测试 是 否 连接 成 功 。 

在 Web. config 配置 文件 的 二 appSettings 二 节 中 添加 如 下 数据 库 连 接 字符 串 代码 。 

<configuration> 

<appSettings/> 

< connectionStrings > 
< add name = " webServInfoConnectionString" connectionString = "Data Source = 
. \SQLEXPRESS; AttachDbFilename = | DataDirectory | \ webServInfo. mdf; Integrated Security = 


True;User Instance = True" providerName = "System. Data. SqlClient" /> 
</connectionStrings > 


</configuration> 


如 何在 Web. config 配置 文件 中 自动 生成 数据 库 连 接 字符 串 以 及 Web. Config 文件 
中 数据 库 连 接 字 符 串 获 取 的 详细 说 明 ,参见 本 书 9. 1. 3 小 节 。 

(2) 在 Service. cs 文件 的 public class Service 类 定义 中 增加 一 个 getTelephoneCode 
WebMethod。Service. cs 的 实现 代码 如 下 : 


using System; 

using System. Web; 

using System. Web. Services; 

using System. Web. Services. Protocols; 
using System. Data; 

using System. Data. SqlClient; 


[WebService(Namespace = "http://www.0931.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel 1)] 
public class Service : System. Web. Services. WebService 
{ 
public Service() 
{ 
// 如 果 使 用 设计 的 组 件 ,请 取消 注释 以 下 行 
//InitializeComponent( ); 
} 


[WebMethod] 
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public string HelloWorld() 
{ 


return "Hello World"; 


. 


[WebMethod] 
public DataSet getTelephoneCode( string cityName) 
{ 

// 创建 SqlConnection 对 象 

SqlConnection conn = null; 

// 设 置 数据 在 内 存 中 的 缓存 DataSet 

DataSet ds = null; 


try 
下 
// 从 Web. Config 中 获取 数据 库 连 接 字符 串 
string strConn = 
System. Configuration. ConfigurationManager. ConnectionStrings [ " webServInfoConnectionString"]. 
ConnectionString; 


// 准 备 SQL 语句 (模糊 查询 ) 
string strSql = "Select * From telecode Where CityName LIKE'%" + cityName + "%"; 


// 初 始 化 SqlConnection 类 的 新 实例 .使 用 using 语句 可 以 及 时 释放 资源 
using (conn = new SqlConnection(strConn)) 
{ 
// 初 始 化 DataSet 类 的 新 实例 
ds = new DataSet(); 


conn. Open();// 打 开 数 据 库 连接 


// 定 义 一 个 adapter 执行 SQLServer 命令 并 保存 数据 
SqlDataAdapter da = new SqlDataAdapter(strSql, conn); 


da. Fill(ds); // 给 DataSet 填充 数据 
return (ds); // 返 回 DataSet 
} 
} 
catch (SqlException) 
{ 


return ds = null; 


} 


| 


(3) 在 “解决 方案 资源 管理 器 ”面板 中 右 击 E:\WebServicel\, 在 弹出 的 快捷 菜单 中 
选择 “生成 网 站 ”命令 。 网 站 生成 后 , 右 击 Service. asmx 文件 ,在 弹出 的 快捷 菜单 中 选择 
“在 浏览 器 中 查看 ”命令 。Service. asmx 运行 结果 如 图 8-8 所 示 。 此 Web 服务 页 面 的 
URL:http://localhost:49453/WebServicel/Service. asmx 可 记 下 备用 。 至 此 ,一 个 Web 
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服务 创建 完毕 。 
在 图 8-8 所 示 的 “Service Web 服务 ”页 面 中 单 击 getTelephoneCode 超 链接 ,可 以 看 


到 此 Web 服务 的 测试 调用 窗口 ,如 图 8-9 所 示 。 


sevice Web BS -Windows 
HD | npyNocalhost: -||E 


3F 收藏 居 Service Web 服务 


训 持 下 列 提 作 。 有 关 正 式 定 兴 ， 请 直 看 服务 说 明 。 
。 Helloworld 


e getTelephoneCode 


图 8-8 Service. asmx 运行 结果 


痪 收 若 夫 ”和 帮 service Web 服务 
getTelephoneCode 
测试 

者 要 使 用 HTTP POST 协议 对 操作 进行 测试 ， 请 单 击 “ 调 用 ”按钮 


参数 值 


ctyName: | 


酒 用 | 


SOAP 1.1 
以 下 是 SOAP 1.2 请 求 和 响应 示例 。 所 星 示 的 占 位 符 常 普 换 为 实际 入。 


POST /Webservicel/service.asmx HTTP/1.1 
Host: localhost 

Content-Type: text/xml; charset=ut£-0 
Content-Length:; length 


SOAPAction: “http://www.0931.crq/qetTelephonecode" 


<?xml version="1.0" encoding="utf-3"?> 
<soap:Envelope xmlns:xsi="http://wuw.w3.0rg/2001/XMLSchema-instance" xmlr 
<soap:Body> 
<getTelephoneCode xmlns="http://ww.0931.0rg/"> 
<cityName>stringc/cityName> 
</getTelephonecode> 
</soap:30dy> 站 
» 


8-9 ”Web 服务 的 测试 调用 窗口 


以 下 是 在 另 一 服务 器 网 站 上 使 用 上 述 网 站 提供 的 Web 服务 的 过 程 。 
(1) 运行 Visual Studio 2005。 打 开 网 站 WebService2 。 
(2) 在 “解决 方案 资源 管理 器 "面板 中 右 击 E:\ WebService2\ ,在 弹出 的 快捷 菜单 中 
选择 “添加 Web 引用 ”命令 。 在 打开 的 “添加 Web 引用 ”对 话 框 的 URL 地 址 栏 中 ,输入 提 
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供 Web 服务 的 Service. asmx 页 面 的 URL: http:// 


localhost:49453/WebServicel/Service. asmx。 岛 | 生 国 则 | 
单 击 “ 前 往 ” 按 钮 , 待 找到 位 于 此 URL 上 的 Web 服 es 
务 后 ,输入 Web 引用 名 ,这 里 命名 为 TeleCode。 日 BS App_WebReferences 
(3) 单 击 “添加 引用 ”按钮 ,在 “解决 方案 资源 管理 |， 。 
器 "面板 中 ,可 以 看 到 一 个 以 TeleCode 命名 的 SOAP 代 Svedse 
理 类 自动 生成 ,如 图 8-10 所 示 。 | seme a 


-四 Webservl 
在 站 点 配置 文件 Web. Config 的 二 appSettings 之 节 回 Defaultaspx 


-四 Web.Config 


中 ,可 以 看 到 自动 增加 了 一 行 代码 如 下 : 


图 8-10 生成 的 TeleCode 代理 类 
<configuration> 


<appSettings > 
<add key = " WebServ1. Service" value = " http://localhost: 49690/WebServicel/ 
Service. asmx"/> 
<add key = " TeleCode. Service" value = " http://localhost: 49453/WebServicel/ 
Service. asmx"/> 
</appSettings > 


</configuration> 


至 此 ,站 点 1 上 的 Web 服务 成 为 站 点 2 上 的 一 个 内 置 类 ,站 点 2 可 通过 此 (内 置 的 ) 
Telecode 代理 类 向 Web 服务 发 送 请 求 并 返回 结果 。 

(4) 在 WebService2 站 点 下 ,新 建 一 Default2. aspx 页 面 ,用 来 充当 输入 查询 的 用 户 
界面 。 在 页 面 上 添加 一 个 Label 控件 、 一 个 TextBox 控件 ,一 个 Button 控件 和 一 个 
GridView 控件 。 

Default2. aspx 主要 代码 如 下 : 


<head runat = "server"><title> Web Service 查询 电话 区 号 </title></head>< body> 
< form id = "forml" runat = "server"> 
<div> 
<asp:Label ID = "Labell" runat = "server" Text = "输入 城市 名 "></asp:Label> 
<asp:TextBox ID = "TextBoxl"” runat = "server"></asp:TextBox> 
<asp:Button ID = " Buttonl”runat = " server"” Text = "查询 电话 区 号 ”OnClick = 
"Button1_Click" /> 
<asp:GridView ID = "GridViewl" runat = "server" AllowPaging = "true" PageSize = "6"> 
</asp:GridView> 
</div> 
</form></body> 


在 Default2. aspx. cs 文件 的 Buttonl_Click 中 编写 代码 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
{ 
if (this.TextBoxl.Text ! = "") 
{ 
string city name = this.TextBoxl. Text; 
// 创 建 代理 类 实例 
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TeleCode. Service TeleCodeWebServ = new TeleCode. Service(); 
// 创 建 DataSet 类 实例 
DataSet ds = new DataSet(); 


// 调 用 代理 类 的 实例 方法 ,返回 DataSet 对 象 

ds = TeleCodeWebServ.getTelephoneCode(city name); 
// 给 GridView 控件 指定 数据 源 
this.GridView1.DataSource = ds; 

this. GridViewl. DataBind( );// 执 行 绑 定 


else 


Response. Write("< script> alert( ' 查 询 区 号 请 输入 城市 名 称 ! ')</script >"); 


(5) 运行 Default2. aspx, 输 入 省 份 或 城市 名 , 单 击 “ 查 询 电 话 区 号 ”按钮 ,调用 Web 服 
务 结果 如 图 8-11、 图 8-12 所 示 。 


Ke -Windowsl. _ |c| xX| 
OO- 起 | http://ocalhost:4 = a 


窜 eR 坟 ”大 Web service 直 询 电话 区 


局 
| 多 
输入 城市 名 陋 汇 
查询 电话 区 号 
司 


id CityName TelephoneCode| 
1 浙江 温州 0577 

2 浙江 永亮 0577 

3 浙江 丽水 0578 

4 浙江 遵 昌 0578 

5 浙江 台州 0576 

6 浙江 黄岩 0576 

12 


OO- 生 mpwoahostr7] 回 [加 | 


辫 炉 天 ”大 web Sevice 百 向 电话 区 .… 


输入 城市 名 耐水 | 
查询 电话 区 号 

id CityName TelephoneCode 

3 浙江 丽水 0578 


图 8-11 调用 Web 服务 结果 (1) 图 8-12 调用 Web 服务 结果 (2) 
8.1.4 使 用 Web 服务 查询 发 布 天 气 预报 


在 Internet 上 可 以 检索 到 一 些 比较 稳定 的 、 免 费 提 供 天 气 预报 Web 服务 的 网 站 , 比 
如 http://www. ayandy. com/ (China) 、http://www. xmethods. net/ (United States) 等 。 

在 IE 中 打开 http://www.ayandy.com/service. asmx, 该 网 站 Web 服务 测试 调用 窗 
口 如 图 8-13 所 示 。 注 意 查 看 Web 方法 getWeatherbyCityName 的 输入 参数 (城市 中 文 名 
称 ,今天 /明天 /后 天 ) 和 返回 数据 (一 个 有 7 个 元 素 的 一 维 数组 ,从 String a[1]~~ a[6] 分 
别 代表 城市 、 天 气 、 温 度 、 风 向 \ 日 期 和 天 气 图 标 地 址 )。 

下 面 简 单 地 说 明 如 何 使 用 http://www. ayandy. com/ 提 供 的 Web 服务 在 自己 的 网 
站 上 查询 发 布 天 气 预 报 。 

(1) 运行 Visual Studio 2005。 打 开 网 站 WebService2。 

(2) 在 “解决 方案 资源 管理 器 ”面板 中 右 击 E:\ WebService2\ ,在 弹出 的 快捷 菜单 中 
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A 


更 新 ， 惟 确 可 衬 ， 包括 国内 外 400 多 个 主要 起 市。 谤 趟 要 用 于 任何 商业 目的 ， 
作者 QQ: 15244833 E-Mail: secretary@ayandy.com 


支持 下 列 操作 。 有 关 正 式 查看 服务 说 明 。 


» getSupportCity 
查询 本 天 气 WebService 支 持 的 城市 信息 。 铂 入 参 妾 : byProvinceName 指证 的 省 份 ， 着 为 ALL 则 表示 全 部 。 返 
回 狂 据 : 一 个 二 维 数组 String[]，String[0] 力 返回 的 个 数 。 


getsupportprovince 
Ee WaSenAes 袜 扩 介 和 作 攻 全 箱 入 佐 驳 : 元 。 返回 数据 : 一 个 二 指数 组 Strng[]，String[0] 为 返 
可 


etWeatherbyCityName 
二 去 情 郧 。 3 


如 潍 圳 ,北京 ; 
String[7] 一 个 一 维 


mi 


图 8-13 http://www. ayandy. com/Web 服务 的 测试 调用 窗口 


选择 “添加 Web 引用 ”命令 。 在 打开 的 “添加 Web 引用 ?对 话 框 的 URL 地址 栏 中 ,输入 提 
供 Web 服务 的 Service. asmx 页 面 的 URL:http://www. ayandy. com/service. asmx。 注 
意 需 要 连接 上 Internet。 

单 击 “ 前 往 ” 按 钮 , 待 找到 位 于 此 URL 上 的 Web 服务 后 ,输入 Web 引用 名 ,这 里 命名 
为 ayandy。 

(3) 单 击 “ 添 加 引用 ”按钮 ,在 “解决 方案 资源 管理 器 "面板 中 ,可 以 看 到 一 个 以 ayandy 
命名 的 SOAP 代理 类 自动 生成 。 

在 站 点 配置 文件 Web. Config 的 二 appSettings 二 节 中 ,可 以 看 到 又 自动 增加 了 一 行 
代码 如 下 : 

<configuration> 

< appSettings> 


<add key = " WebServ1. Service" value = " http://localhost: 49690/WebServicel/ 
Service. asmx"/> 


<add key = " TeleCode. Service"” value 


" http://localhost: 49453/WebServicel/ 
Service. asmx"/> 
<add key = "ayandy. service" value = "http://www.ayandy. com/service. asmx"/> 
</appSettings > 


i 

下 面 就 可 以 通过 ayandy 代理 类 向 远程 Web 服务 发 送 请 求 并 返回 结果 了 。 

(4) 在 WebService2 的 Default3. aspx 页 面 上 添加 一 个 Image 控件 用 来 显示 代表 阴 
晴雨 雪 的 图 片 ; 添加 5 个 Label 控件 分 别 用 来 显示 城市 .日 期 \ 天 气 、 温 度 和 风向 信息 ; 添 
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加 一 个 TextBox 控件 一 个 Button 控件 用 来 输入 并 提交 查询 信息 。 
Default3. aspx 页 面 主要 代码 如 下 : 


< form id= "forml" runat = "server"> 


<div> 


<asp:Image ID = "Imagel" runat = "server" Visible= "False" /> 

<asp:Label ID = "Labell" runat = "server" Text = "Label"></asp:Label> 
<asp:Label ID = "Label2" runat = "server" Text = "Label"></asp:Label> 
<asp:Label ID = "Label3" runat = "server" Text = "Label"></asp:Label> 
<asp:Label ID = "Label4" runat = "server" Text = "Label"></asp:Label> 
<asp:Label ID = "Label5" runat = "server" Text = "Label"></asp:Label ><br /> 


<div> 


输入 城市 名 < asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox> 
< asp: Button ID = "Button1”runat = " server" Text = "查询 天 气 " 
OnClick = "Button1_Click" /></div> 


</div> 
</form> 


在 Default3. aspx. cs 的 Page_Load 事件 上 编写 代码 发 布 本 地 天 气 预 报信 息 、 在 
Buttonl_Click 事件 中 编写 代码 处 理 页 面 提交 的 查询 信息 。 
Default3. aspx. cs 的 实现 代码 如 下 : 


public partial class Default2 : System. Web. UI. Page 


{ 


protected void Page_Load(object sender, EventArgs e) 


| 


if (!Page. IsPostBack) 


{ 


// 创 建 代理 类 对 象 实例 
ayandy. Service WeatherWebServ = new ayandy. Service(); 


// 调 用 getWeatherbyCityName 实例 方法 并 返回 数据 () 
string[ ] WeatherForecastToday = 
WeatherWebServ. getWeatherbyCityName( "人 台州", ayandy. theDayFlagEnum. Today) ; 


// 将 返回 数据 绑 定 到 页 面 显 示 控 件 

Imagel. Visible = true; 

Imagel. ImageUrl = WeatherForecastToday[6]; // 天 气 图 标 
Labell. Text = WeatherForecastToday[1]; // 城 市 

Label2. Text = WeatherForecastToday[5]; // 日 期 

Label3. Text = WeatherForecastToday[2]; // 天 气 
Label4. Text = WeatherForecastToday[3]; // 温 度 
Label5. Text = WeatherForecastToday[4]; // 风 向 


protected void Buttonl Click(object sender, EventArgs e) 


{ 


ayandy. Service WeatherWebServ = new ayandy. Service(); 
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string[ ] WeatherQueryToday = 
WeatherWebServ. getWeatherbyCityName( TextBox1. Text, ayandy. theDayFlagEnum. Today); 


Imagel. ImageUrl = WeatherQueryToday[6]; 


Labell. Text = WeatherQueryToday[1]; 
Label2. Text = WeatherQueryToday[5]; 
Label3. Text = WeatherQueryToday[2]; 
Label4. Text = WeatherQueryToday[3]; 
Label5. Text = WeatherQueryToday[4]; 


} 


TextBoxl. Text 为 用 户 输入 的 、 要 查询 天 气 的 城市 名 称 。 运 行 Default3. aspx, 运 行 
效果 如 图 8-14、 图 8-15 所 示 。 


EO- BD] httpi//ocalhost:49471/Webservic =| [Bl [x [el vive search [pl 


寓 ta 夫 大 gweb service 直 发-| || 丛 - 国 - 轧 师 -ED 


» 


YUv 台州 今天 多 云 转 阵雨 34YC~ 27”C 南 风 4-5 级 
台州 明天 多 云 33"C~ 275C 南 风 4-5 级 
台州 后 天 晴 转 多 云 36"D~ 27 °C 南 风 4-5 级 转 西南 风 4-5 级 


输入 城市 名 | 至 询 天 气 | 


图 8-14 天 气 预报 Web 服务 (1) 


OO- 赴 | http://localhost:4 图 加 ix] [tive se 


膏 收 误 天 ”全 使 用 web Service 埋 询 发 . | 丛 ~ 
2 


4 温州 今天 阵雨 33"- 265 南 风 3-4 级 
输入 城市 名 [ET  ，，，， ， 坦 bx 


图 8-15 天气 预报 Web 服务 (2) 
8.1.5 小 结 


Web Service 可 以 返回 字符 串 、 整 数 .逻辑 值 .数组 .日 期 等 基本 类 型 数据 ,也 可 以 返 
回 一 个 类 甚至 DataSet 对 象 。DataSet 是 数据 库 返回 的 数据 在 服务 端 内 存 中 的 缓存 ,通过 
Web Service 发 送 DataSet ,服务 端 无 须 再 连接 数据 库 。 在 互联 网 上 可 以 找到 越 来 越 多 的 
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返回 DataSet 的 Web Service 并 使 用 它们 ,也 可 以 创建 并 注册 类 似 的 Web Service, 让 更 多 
的 互联 网 用 户 使 用 它 。 


8.1.6 思考 与 练习 


1. 试 着 为 银行 开发 一 个 可 提供 当日 汇率 查询 的 Web 服务 。 
2. 为 0931 网 站 首页 添加 天 气 预报 Web 服务 消息 。 
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任务 9.1 一 个 三 层 架 构 的 博客 网 站 


任务 目标 


(1) 实现 一 个 可 以 浏览 ,发表 日 志和 评论 ,提供 后 台 管 理 的 博客 网 站 。 
(2) 了 解 网 站 安全 性 配置 策略 的 过 程 。 


9.1.1 Web. Config 文件 概述 


ASP.NET 提供 了 一 个 基于 XML 的 ,强大 而 简单 可 行 的 配置 系统 , 它 是 层次 架构 的 。 一 
个 应 用 程序 级 别 的 Web. config 配置 文件 就 是 放置 在 应 用 程序 根 目 录 下 的 一 个 XML 文件 。 

在 C:\Windows\ Microsoft. NET\ Framework \ v2. 0. 50727 (versionNumber )\ 
CONFIG 下 有 一 个 Machine. config 文件 , 它 是 Web 服务 器 上 所 有 .NET 应 用 程序 的 配置 
文件 ,包含 应 用 程序 的 常用 配置 信息 。 所 有 Web. config 都 继承 自 Machine. config。 

设置 Web. config 中 的 配置 信息 可 以 实现 网 站 的 安全 控制 ,比如 可 以 设置 身份 验证 及 
类 型 ; 可 以 创建 用 户 和 角色 (用 户 组 ); 可 以 创建 对 应 用 程序 各 个 部 分 的 访问 规则 及 页 面 
授权 ; 可 以 选择 数据 的 连接 方式 和 保存 .设置 加 密 或 不 加 密 的 数据 库 连 接 字符 串 ; 可 以 
设置 应 用 程序 的 调试 与 跟踪 、 设 置 自 定义 错误 页 ; 等 等 。 

在 本 章 的 数 个 任务 中 ,试图 通过 创建 并 配置 一 个 三 层 架构 的 、 名 为 MicroBlog 的 博客 
(日 志 ) 网 站 来 说 明和 实践 应 用 程序 安全 性 配置 策略 的 过 程 。 


9.1.2 系统 三 层 结构 与 功能 分 析 


下 面 分 析 说 明 MicroBlog 系统 的 功能 、 结 构 以 及 安全 性 配置 策略 。 

(1) MicroBlog 解决 方案 树 形 目 录 结构 如 图 9-1 所 示 ,其 中 在 站 点 (Web 表示 层 ) 下 的 
主要 文件 夹 和 文件 如 下 。 

。 App_Data 文件 夹 

userLog. mdf 在 SQL Server 2005 系统 下 创建 的 数据 库 文件 。 

。 Login 文件 夹 ”实现 用 户 登录 、 新 用 户 注册 、 退 出 登录 页 面 等 。 

。 Admin 文件 夹 ”实现 用 户 ,日志 文章 、 评 论 等 删改 的 后 台 管理 页 面 。 

。 Web. config ”站 点 应 用 程序 配置 文件 。 

此 外 ,还 有 放 在 站 点 根 目录 下 的 一 些 浏览 日 志 、 显 示 评 论 、 发 表 日 志 , 发 表 评论 .显示 
用 户 列 表 等 的 Web 页 面 文件 。 
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图 9-1 MicroBlog 解决 方案 树 形 目录 


网 站 首页 DefaultArticleAllRepeat. aspx 是 一 个 可 以 浏览 显示 全 部 日 志文 章 的 页 面 ， 
篇 文章 的 


如 图 9-2 所 示 。 在 首页 中 间 部 分 , 单 击 “查看 全 文 " 和 “评论 " 超 链接 ,可 以 看 到 一 
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图 9-2 MicroBlog 站 点 首页 
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详细 内 容 和 全 部 评论 。 在 首页 右 侧 的 “用 户 列表 ”下 单 击 用 户 名 超 链接 ,可 以 查看 一 个 用 
户 的 全 部 文章 。 在 首页 左 侧 的 “最 新 评论 ”栏目 ,可 以 看 到 所 有 日 志文 章 的 最 新 评论 和 所 
有 评论 。 在 Web 应 用 程序 的 各 个 页 面 中 设置 有 导航 栏 ,提供 “首页 ”“ 我 要 登录 ”、“ 浏 览 
日 志 ”、“ 发 表 日 志 ”“ 我 是 管理 员 ”“ 我 要 退出 ”等 超 链 接 导航 。 

请 参照 本 书 任务 5.1, 在 Visual Studio 2005 下 ,创建 一 个 名 为 MicroBlog 的 解决 方 
案 , 搭 建 基 于 三 层 结构 的 系统 框架 以 及 各 层次 之 间 的 依赖 关系 。 并 在 Web 表示 层 下 按照 
上 述 目录 结构 部 署 文 件 和 文件 夹 。 

(2) 将 数据 库 连 接 字 符 串 部 署 在 应 用 程序 的 Web. config 文件 中 。 

为 简化 应 用 程序 编程 ,方便 移植 与 维护 ,将 数据 库 连 接 字符 串 设 置 在 应 用 程序 的 
Web. config 文件 中 。 注 意 当 应 用 程序 访问 数据 库 时 是 从 Web. config 中 获取 数据 库 连 接 
字符 串 的 。 

(3) 设置 身份 验证 和 页 面授 权 。 

对 于 访问 站 点 的 不 同 用 户 , 比 如 未 经 登录 验证 的 匿名 用 户 、 经 过 登录 验证 的 认证 用 
户 、 管 理 员 账 号 用 户 等 ,分 别 授予 允许 访问 或 拒绝 访问 特定 页 面 资 源 的 权利 ; 另外 ,还 要 
对 Admin 文件 夹 的 访问 权限 进行 设置 等 。 这 些 问题 在 下 一 任务 中 通过 配置 Web. config 
能 全 部 完成 。 

在 任务 9. 1 中 ,只 通过 Session 对 象 实现 页 面 间 的 状态 保持 和 数据 传递 : 允许 所 有 用 
户 访问 首页 ,浏览 全 部 日 志文 章 并 发 表 评论 .查看 评论 ; 允许 所 有 用 户 访问 Login 文件 夹 
并 且 可 以 登录 、 新 用 户 注册 或 退出 登录 。 当 用 户 请 求 发 表 日 志 页 面 时 ,将 提示 “请 先 登 
录 1”, 而 且 只 允许 已 注册 的 用 户 登 录 , 当 用 户 登 录 并 通过 数据 库 验 证 后 ,就 可 以 发 表 日 


i 
也 


9.1.3 SQL Server 数据 库 的 设计 与 连接 


(1) 运行 Visual Studio 2005。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 MicroBlog 项 
目的 Web 层 BlogWebApp, 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 ”命令 ,在 弹出 的 
“添加 新 项 - BlogWebApp” 对 话 框 中 ,选择 “SQL 数据库” 选项 ,创建 一 个 名 为 userlog. 
mdf 的 数据 库 , 其 主要 数据 库 表 有 : userinfo( 用 户 信息 表 ) 、article( 日 志文 章 表 )、review 
(评论 表 ) 。 表 结构 设计 如 表 9-1 一 表 9-3 所 示 ,数据 库 表 间 关系 如 图 9-3 所 示 。 数 据 库 及 


表 的 创建 步骤 参照 5. 1. 3 小 节 。 
表 9-1 用 户 信息 表 (userinfo) 
字段 名 称 类 型 说 明 
user_id int 用 户 外, 主键 。 是 标识 ,标识 增 量 1, 标 识 种 子 1 
user_name nchar(10) 用 户 登 录 名 
user_pw nchar(10) 用 户 登录 密码 
QQ nchar(10) 用 户 QQ 
login_date datetime 用 户 注册 时 间 
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表 9-2 日 志文 章 表 (article) 


字段 名 称 类 型 说 明 

arti_id int 文章 ID ,主键 ,自动 加 1 

user id int 用 户 ID, 外 键 ,关联 表 userinfo 
arti_title nchar(50) 文章 标题 

arti_text nvarchar(2000) 文章 内 容 

arti_click int 文章 阅读 次 数 

submit_date datetime 文章 提交 时 间 


表 9-3 评论 表 (review) 


字段 名 称 类 型 说 明 

revi_id int 评论 ID ,主键 ,自动 加 1 
arti_id int 文章 ID, 外 键 ,关联 表 article 
user_id int 用 户 ID, 外 键 , 关 联 表 userinfo 
revi_text nvarchar(1000) 评论 内 容 

submit_date datetime 评论 提交 时 间 


userinfo article 

User_id ® artiid 
User name user_id 
User pW arti_title 
QQ arti_text 


login_date arti_click 


submit_date 


review 

reviid 
arti_id 

user_id 

revi text 

submit_date 


图 9-3 数据 库 表 间 关 系 


(2) 在 Visual Studio 2005 中 连接 userlog 数据 库 。 
选择 将 userlog. mdf 放 在 App_Data 文件 夹 中 。 在 “服务 器 资源 管理 器 ”面板 中 右 击 
“数据 连接 ”, 在 弹出 的 快捷 菜单 中 选择 “添加 连接 ”命令 ,在 弹出 的 “添加 连接 ”对 话 框 中 ， 
选择 数据 源 为 “Microsoft SQL Server 数据 库 文件 (SqlClient)”, 单 击 “ 浏 览 ” 按 钮 ,选择 数 
据 库 文件 名 .这 里 是 : E:\MicroBlog\BlogWebApp\App_Data\userlog. mdf。 在 连接 数 
据 库 时 ,可 以 使 用 SQL Server 身份 验证 ,输入 数据 库 用 户 名 和 密码 ,也 可 以 使 用 
Windows 身份 验证 ,这 里 使 用 Windows 身份 验证 , 单 击 “ 测 试 连接 ”按钮 ,测试 是 否 连 接 
成 功 。 
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9.1.4 在 Web.config 中 部 署 数据 库 连 接 字符 串 


(1) 为 了 在 Web. config 中 自动 生成 数据 库 连 接 字符 串 , 可 以 创建 一 个 测试 用 的 
test. aspx Web 页 面 文件 。 

切换 到 “设计 ”视图 。 在 页 面 上 添加 一 个 SqlDataSource 数据 源 控件 ， 单 击 
SqlDataSource 右上 角 的 小 三 角 按钮 ,在 打开 的 “SqlDataSource 任务 ”对 话 框 中 ,选择 “ 配 
置 数据 源 ” 选 项 。 在 打开 的 “配置 数据 源 ? 对 话 框 中 ,在 “应 用 程序 连接 数据 库 应 使 用 哪个 
数据 连接 ?” 下 拉 列 表 框 中 选择 已 有 的 连接 userlog. mdf。 

可 以 单 击 “ 连 接 字符 串 ” 按 钮 ,查看 数据 库 连 接 捉 代码 。 

单 击 “ 下 一 步 ” 按 钮 ,在 弹出 的 “配置 数据 源 ” 对 话 框 中 ,选择 "是否 将 连接 保存 到 应 用 
配置 文件 中 ?” 将 连接 字符 串 存储 在 应 用 配置 文件 中 ,可 以 简化 维护 和 部 署 ,否则 连接 字 
符 串 将 作为 数据 源 控件 的 属性 保存 在 该 页 中 。 这 里 ,选择 * 是 ?选项 ,并 将 此 连接 另存 为 
userlogConnectionString 。 

单 击 “ 下 一 步 ”按钮 ,在 弹出 的 “配置 数据 源 ” 对 话 框 中 ,配置 Select 语句 ,选择 指定 来 
自 表 或 视图 的 字段 列 ,这 里 可 以 选择 article 表 的 所 有 字段 列 。 

单 击 “ 下 一 步 ”按钮 ,在 弹出 的 “配置 数据 源 ” 对 话 框 中 ,测试 查询 。 预 览 从 数据 源 返 回 
的 数据 。 最 后 单 击 “ 完 成 "按钮 。 

(2) 查看 Web. config 配置 文件 中 的 自动 生成 的 数据 库 连 接 代码 如 下 : 


<?xml version= "1.0"?> 


<configuration> 
<appSettings/> 
< connectionStrings > 
<add name = " userlogConnectionString " connectionString = ”Data Source = 


. \SQLEXPRESS; AttachDbFilename = | DataDirectory | \ userlog. mdf; Integrated Security = True; 
User Instance = True" providerName = "System. Data. SqlClient" /> 
</connectionStrings> 


</configuration > 


以 上 是 使 用 Windows 身份 验证 的 数据 库 连 接 字 符 串 。 倘 若 使 用 SQL Server 身份 验 
证 ,要 在 数据 库 安 全 性 设置 中 增加 一 个 SQL Server 账号 .并 将 连接 字符 串 中 的 
connectionString 属性 值 修改 如 下 : 

< add name = " userlogConnectionString " connectionString = " Data Source = localhost \ 

SQLEXPRESS; Initial Catalog = userlog;User ID= sa;password = 123456" /> 

其 中 ,add 标记 中 的 name 属性 用 来 指定 连接 字符 串 的 名 称 ; connectionString 属性 
用 来 存储 连接 字符 串 。 在 连接 字符 串 参 数 中 ,Data Source 用 来 指定 SQL Server 数据 库 服 务 
器 的 名 称 ,Integrated Security 决定 连接 是 否 安全 ,Initial Catalog 用 来 指定 数据 库 的 名 称 。 

在 数据 库 访 问 时 ,可 使 用 如 下 代码 获取 数据 库 连 接 字符 串 : 

string connectionString = 

ConfigurationManager. ConnectionStrings[ "userlogConnectionString"]. ConnectionString; 


176 


第 ?9 章 ”网 站 部 署 与 安全 性 配置 


Web. config 文件 的 完整 结构 与 安全 性 配置 将 在 下 一 个 任务 中 继续 讨论 完成 。 
9.1.5 Blog 网 站 实体 类 的 实现 


在 系统 模型 层 BlogModels 下 


写实 体 类 User. cs、LogArticle. cs、Review. cs。 下 面 


分 别 列 出 User 类 、LogArticle 类 和 Review 类 的 实现 代码 。 
(1) User. cs 具体 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 


using System. Text; 
namespace BlogModels 


{ 


[Serializable()] 
public class User 


‘ 


private int user_id; 
private string user name = String. Empty; 
private string user pw = String. Empty; 
private string user_QQ = String. Empty; 
private DateTime login date; 
public User() { } 
public int User_id 
{ 
get { return this. user id; } 
set { this.user_id = value; } 
} 
public string User_name 
{ 
get { return this. user_name; } 
set { this.user name = value; } 
} 
public string User_pw 
{ 
get { return this. user_pw; } 
set { this.user pw = value; } 
} 
public string User_ QQ 
{ 
get { return this. user_Q0; } 
set { this.user 00 = value; } 
} 
public DateTime Login date 
{ 
get { return this. login date; } 


set { this. login date = value; } 
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(2) LogArticle. cs 具体 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
namespace BlogModels 
4 
[Serializable( )] 
public class LogArticle 
{ 
private int arti id; 
private int user _id; 
private string user name = String. Empty; 
private string arti_ title = String. Empty; 
private string arti text = String. Empty; 
private int arti click; 
private string arti review = String. Empty; 
private DateTime submit date; 
public LogArticle() { } 


public int Arti_id 

{ 
get { return this.arti id; } 
set { this.arti_id = value; } 

} 

public int User_id 

{ 
get { return this. user id; } 
set { this.user_id = value; } 

} 

public string User_name 

{ 
get { return this. user name; } 
set { this.user name = value; } 

public string Arti_title 

{ 
get { return this.arti title; } 
set { this.arti title = value; } 

} 

public string Arti text 

{ 
get { return this.arti text; } 
set { this.arti text = value; } 

} 

public int Arti click 

{ 
get { return this.arti click; } 
set { this.arti click = value; } 
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} 


} 
public string Arti review 
{ 
get { return this.arti review; } 
set { this.arti review = value; } 
public DateTime Submit_ date 
{ 
get { return this. submit date; } 
set { this. submit date = value; } 


(3) Review. cs 具体 实现 代码 如 下 : 


using System; 

using System. Collections. Generic; 
using System. Text; 

namespace BlogModels 


{ 


[Serializable( )] 
public class Review 


{ 


private int revi_id; 

private int arti_id; 

private int user_id; 

private string revi text = String. Empty; 
private string user name = String. Empty; 
private string arti title = String. Empty; 
private DateTime submit_date; 

public Review() { } 


public int Revi_id 
{ 
get { return this. revi_id; } 
set { this.revi_id = value; } 
} 
public int Arti_id 
{ 
get { return this.arti_id; } 
set { this.arti_id = value; } 
} 
public int User_id 
{ 
get { return this. user_id; } 
set { this.user id = value; } 
} 
public string User_name 
{ 
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get { return this.user_name; } 
set { this.user_name = value; } 
} 
public string Arti title 
{ 
get { return this.arti title; } 
set { this.arti title = value; } 
} 
public string Revi text 
{ 
get { return this. revi text; } 
set { this.revi text = value; } 
} 
public DateTime Submit_date 
{ 
get { return this. submit_date; } 
set { this. submit date = value; } 


} 
9.1.6 Blog 网 站 数据 访问 层 的 实现 


在 BlogDAL 项 目 中 编写 与 各 实体 类 相对 应 的 数据 访问 类 : UserService 类 、 
ArticleService 类 和 ReviewService 类 ,以 实现 对 各 数据 表 的 增删 . 改 , 查 。 
(1) UserService. cs 具体 实现 代码 如 下 


using System; 
using System. Collections. Generic; 
using System. Text; 
using System. Data; 
using System. Data. SqlClient; 
using System. Conf iguration; 
using BlogModels; 
namespace BlogDAL 
{ 
public static class UserService 
{ 
// 从 Web. Config 中 获取 数据 库 连 接 字 符 串 
private static string strConn = System. Configuration. ConfigurationManager. 
ConnectionStrings[ "userlogConnectionString" ]. ConnectionString; 
/// < summary> 
/// 查询 用 户 是 否 存 在 


/// </summary> 


public static User QueryUser(User inUser) 
{ 
// 根 据 用 户 输入 的 用 户 名 和 密码 进行 查找 


string strSql = string.Format("Select * From userinfo Where user name= '{0}' 
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And user pw= '{1}'", inUser.User name, inUser.User pw); 
// 创 建 Connection 对 象 ,使 用 using 语句 可 以 及 时 释放 资源 
using (SqlConnection conn = new SqlConnection(strConn)) 


{ 

conn. Open( ); // 打 开 数 据 库 连 接 

// 初 始 化 System. Data. SqlClient. SqlCommand 类 的 新 实例 

SqlCommand cmd = new SqlCommand(strSql, conn); 

// 执 行 查询 返回 记录 集 

SqlDataReader dr = cmd. ExecuteReader(); 

证 (dr.Read()) 

{ 
User validUser = new User(); 
validUser. User_id = (int)dr["user id"]; 
validUser. User name = (string)dr["user name"]; 
validUser. User pw = (string)dr["user pw"]; 
dr.Close(); 
return validUser; 

} 

else 

{ 
dr.Close(); 
return null; 

} 

} 


} 


/// < summary> 
/// 查询 用 户 名 是 否 已 被 使 用 
/// </summary> 
public static bool QueryUserName(User inUser) 
{ 
// 根 据 用 户 输入 的 用 户 名 查询 
string strSql = string. Format("Select * From userinfo Where user_name = '{0}"", 
inUser. User_name); 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
SqlDataReader dr = cmd. ExecuteReader(); 
if (dr.Read()) 


{ 
dr.Close(); 
return true; // 用 户 名 已 被 使 用 
} 
else 
{ 


dr.Close(); 
return false; 
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/// < summary> 
/// 添加 新 用 户 
/// </summary> 
public static void AddUser(User inUser) 
{ 
string strSql = (@"INSERT Userinfo(user name,user_ pw, Q0, login date)"+ 
"VALUES (@user_name, @user_pw, @00, @login date)"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
cmd. Parameters. AddWithValue("@user_name", inUser.User name); 
cmd. Parameters. AddWithValue("@user_ pw", inUser. User pw); 
cmd. Parameters. AddWithValue("@00", inUser.User Q0); 
cmd. Parameters. AddWithValue("@1login_date", System.DateTime. Now); 
cmd. ExecuteNonQuery( ); 


/// < summary> 
/// 根据 UserId 返回 一 个 用 户 (User 对 象 ) 
/// </summary> 
public static User GetUserByUserId( int userid) 
! 
string strSql = "SELECT * FROM userinfo WHERE user_ id = @UserId"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand( ) ; 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@UserId", userid); 
SqlDataReader dr = cmd. ExecuteReader(); 
if (dr.Read()) 


{ 
User user = new User(); 
user. User_id = (int)dr["user_id"]; 
user. User name = (string)dr["user name"]; 
dr. Close(); 
return user; 
} 
else 
{ 


dr.Close(); 
return null; 
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/// < summary> 

/// 返回 全 部 用 户 

/// </summary> 

public static IList <User> GetUserAll() 


| 


string strSql = "Select * From userinfo order by login date DESC"; 
using (SqlConnection conn = 


{ 


new SqlConnection( strConn)) 


conn. Open( ); 

SqlCommand cmd = new SqlCommand( ) ; 

cmd. Connection = conn; 

cmd. CommandText = strSql; 
SqlDataReader dr = cmd.ExecuteReader(); 
// 使 用 IList <T> 传 递 实体 对 象 集合 


List<User> list = new List<User>(); 


while (dr. Read( )) 


{ 
User user = new User(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "user_id") 
user. User_id = (int)dr["user id"]; 
if (fieldName == "user name") 
user. User name = (string)dr["user name"]; 
if (fieldName == "user_ pw") 
user. User pw = (string)dr["user_pw"]; 
if (fieldName == "00") 
user. User QQ = (string)dr["Q0"]; 
if (fieldName == "login date") 
user. Login date = (DateTime)dr["login date"]; 
} 
list. Add(user); 
} 
dr.Close(); 


return list; 


} 
(2) ArticleService. cs 具体 实现 代码 如 下 : 
using BlogModels; 


namespace BlogDAL 
人 
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public static class ArticleService 


{ 
private static string strConn = System. Configuration. ConfigurationManager. 
ConnectionStrings[ "userlogConnectionString" ]. ConnectionString; 
/// < summary> 


/// 添加 日 志文 章 
/// </summary> 
public static int AddArticle(LogArticle article，string userid) 
{ 
string strSql = (@"INSERT article(user id,arti title,art i text,arti click, submit_ 
date)" + "VALUES (@user_id,@arti title,@arti text,@arti click,@submit date)"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
// 创 建 System. Data. SqlClient. SqlCommand 的 参数 
SqlParameter[ ] param = new SqlParameter[] 
{ 
new SqlParameter("(@user_id", SqlDbType. VarChar, 10), 
new SqlParameter("@arti title", SqlDbType. VarChar, 50), 
new SqlParameter("(@arti text", SqlDbType. VarChar, 100), 
new SqlParameter("@arti_ click", SqlDbType. Int), 
new SqlParameter("@ submit_date", SqlDbType. DateTime) 
}; 
// 给 参数 赋值 
param[0].Value = userid; 
param[1].Value = article.Arti title; 
param[2].Value = article.Arti text; 
param[3].Value = article.Arti click; 
param[4].Value = System.DateTime. Now; 
// 获 取 参 数 集合 
cmd. Parameters. AddRange( param) ; 
// 执 行 SQL 查询 ,返回 受 影响 的 行 数 
return cmd. ExecuteNonQuery( ); 


/// < summary> 
/// 更 新 日 志文 章 (ByArticleId 一 一 这 里 用 来 更 新 文章 的 阅读 数 ) 
/// </summary> 
public static void UpdateArticle(LogArticle article) 
{ 
string strSql = "UPDATE article SET arti click = @arti click WHERE arti id = @ 
arti_id"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
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cmd. CommandText = strSql; 

cmd. Parameters. AddWithValue("@arti_ id", article. Arti id); 

cmd. Parameters. AddWithValue("@arti click", article. Arti click); 
cmd. ExecuteNonQuery( ) ; 


/// < summary> 
/// 获取 全 部 文章 
/// </summary> 
public static IList <LogArticle> GetArticleAll() 
{ 
string strSql = "Select * From article order by submit date DESC"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand( ); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
SqlDataReader dr = cmd. ExecuteReader(); 
// 使 用 IList < 了 > 传递 实体 对 象 集合 
List<LogArticle> list = new List<LogArticle>(); 


while (dr. Read( )) 
{ 
LogArticle article = new LogArticle(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "arti id") 
article. Arti_id = (int)dr["arti id"]; 
if (fieldName == "user_id") 


{ 
article. User id = (int)dr["user id"]; 
// 使 用 外 键 对 象 返回 用 户 名 称 
article. User name = UserService. GetUserByUserId(( int)dr 
["user_id"]).User_name; 
} 
if (fieldName == "arti title") 


article. Arti title = (string)dr["arti title"]; 
if (fieldName == "arti text") 
article. Arti text = (string)dr["arti text"]; 
if (fieldName == "arti click") 
article. Arti click = (int)dr["arti click"]; 
if (fieldName == "submit date") 
article. Submit date = (DateTime)dr["submit date"]; 
} 
list. Add(article); 
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dr.Close(); 
return list; 


/// < summary> 
/// 返回 一 个 用 户 的 全 部 日 志文 章 (ByUserId) 
/// </summary> 
public static IList <LogArticle> GetArticleByUserId( int userid) 
{ 
string strSql = "SELECT x FROM article WHERE user_id = @UserId"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@UserId", userid); 
SqlDataReader dr = cmd.ExecuteReader(); 
List <LogArticle> list = new List<LogArticle>(); 


while (dr. Read( )) 
{ 
LogArticle article = new LogArticle(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "arti id") 
article. Arti_id = (int)dr["arti id"]; 
if (fieldName == "user_id") 
{ 


article. User_id = (int)dr["user_id"]; 
// 使 用 外 键 对 象 返回 用 户 名 称 
article. User_name = UserService. GetUserByUserId((int)dr 
["user_id"]).User name; 
} 
if (fieldName == "arti title") 
article. Arti title = (string)dr["arti title"]; 
if (fieldName == "arti text") 
article. Arti text = (string)dr["arti text"]; 
if (fieldName == "arti click") 
article. Arti click = (int)dr["arti click"]; 
if (fieldName == "submit date") 
article. Submit date = (DateTime)dr["submit date"]; 


} 

list. Add(article); 
} 
dr.Close(); 


return list; 
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/// < summary> 

/// 根据 articleId 返回 一 篇 文章 (Article 对 象 ) 

/// </summary> 

public static LogArticle GetArticleByArticlelId( int articleid) 


string strSql = "SELECT * FROM article WHERE arti_id = @articleid"; 


using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@articleid", articleid); 
SqlDataReader dr = cmd.FExecuteReader(); 
if (dr. Read()) 
{ 
LogArticle article = new LogArticle(); 
article. Arti_id = (int)dr["arti_id"]; 
article.User_ id = (int)dr["user id"]; 


// 使 用 外 键 对 象 返回 用 户 名 称 


article. User _name = UserService. GetUserByUserId((int)dr["user_ 


id"]).User name; 


article. Arti title = (string)dr["arti title"]; 
article. Arti text = (string)dr["arti text"]; 
article. Arti click = (int)dr["arti click"]; 


article. Submit_date = (DateTime)dr["submit date"]; 


dr.Close(); 
return article; 
} 
else 
{ 
dr.Close(); 
return null; 


/// < summary> 

/// 删除 文章 

/// </summary> 

public static void DeleteArticle(LogArticle article) 
{ 


string strSql = "DELETE article WHERE arti id = @arti id"; 


using (SqlConnection conn = new SqlConnection(strConn) ) 
{ 


conn. Open( ); 
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SqlCommand cmd = new SqlCommand(); 

cmd. Connection = conn; 

cmd. CommandText = strSql; 

cmd. Parameters. AddWithValue("@arti id", article. Arti id); 
cmd. ExecuteNonQuery( ) ; 


/// < summary> 
/// 获得 文章 总 数 
/// </summary> 
public static int GetArticleNumber() 
{ 
string strSql = "SELECT count( * ) FROM article"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand( ); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
int article num = Convert.ToInt32(cmd.ExecuteScalar()); 
return article num; 


/// < summary> 
/// 截取 文章 前 面部 分 内 容 
/// </summary> 
public static string GetPartString( string article text, int n) 
人 
证 (article_text.ToString().Length > n — 2) 
return article text.ToString().Substring(0, mn 一 2) + "..."; 
else 
return article text. ToString(); 


} 
(3) ReviewService. cs 具体 实现 代码 如 下 : 


using BlogModels; 
namespace BlogDAL 
{ 
public static class ReviewService 
{ 
private static string strConn = System. Configuration. ConfigurationManager. 
ConnectionStrings[ "userlogConnectionString" ]. ConnectionString; 
/// < summary> 


/// 添加 新 评论 
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/// </summary> 
public static int AddReview(Review review, int articleid) 
{ 
string strSql = (@"INSERT review(arti id,user id,revi text, submit date)"+ 
"VALUES (@arti_id, @user id, @revi text,@submit date)"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
cmd. Parameters. AddWithValue("@arti_id", articleid); 
cmd. Parameters. AddWithValue("@user_id", review. User_id); 
cmd. Parameters. AddWithValue("@revi text", review.Revi text); 
cmd. Parameters. AddWithValue("@ submit date", System. DateTime. Now); 
return cmd. ExecuteNonQuery( ); 


/// < summary> 
/// 获取 某 篇 文章 的 全 部 评论 (ByArticleId) 
/// </summary> 
public static IList <Review> GetReviewBYRrticleId(int articleid) 
{ 
string strSql = "SELECT * FROM review WHERE arti id = @ArticleId"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@ArticleId", articleid); 
SqlDataReader dr = cmd. ExecuteReader(); 
List< Review> list = new List<Review>(); 
while (dr. Read()) 
{ 
Review review = new Review(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
证 (fieldName == "revi_id") 
review. Revi_id = (int)dr["revi_id"]; 
证 (fieldName == "arti_id") 
review. Arti_id = (int)dr["arti id"]; 
// 使 用 外 键 对 象 返回 文章 标题 
review. Arti title = ArticleService.GetArticleByArticleId( (int) 
dr["arti id"]).Arti title; 
if (fieldName == "user id") 
{ 
review. User_ id = (int)dr["user id"]; 


// 使 用 外 键 对 象 返回 用 户 名 称 
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review. User _name = UserService. GetUserByUserId (( int ) dr 
["user_id"]). User name; 
} 
if (fieldName == "revi text") 
review. Revi text = (string)dr["revi text"]; 
证 (fieldName == "submit date") 
review. Submit date = (DateTime)dr["submit date"]; 
} 
list. Add(review); 
} 
dr.Close(); 
return list; 


/// < summary> 
/// 获得 某 篇 文章 的 评论 数 (By articleid) 
/// </summary> 
public static int GetReviewNumber( int articleid) 
{ 
string strSql = "SELECT count( *) FROM review WHERE arti_id = (@articleid"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand( ); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@articleid", articleid); 
int review num = Convert.ToInt32(cmd. ExecuteScalar()); 
return review_num; 


/// < summary> 
/// 返回 最 新 若干 评论 
/// </summary> 
public static IList <Review> GetReviewNew() 
{ 
string strSql = "Select top 4 * From review order by submit_date DESC"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
SqlDataReader dr = cmd. ExecuteReader(); 
List< Review> list = new List<Review>(); 
while (dr. Read()) 
{ 
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Review review = new Review(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
String fieldName = dr.GetName(i); 
证 (fieldName == "revi id") 
Teview.Revi id = (int)dr["revi id"]; 
证 (fieldName == "user id" ) 


{ 
review.User id = (int)dr["user id"]; 
// 使 用 外 键 对 象 返 回 用 户 名 称 
review. User name = UserService. GetUserByUserId (( int ) dr 
["user_id"]).User name; 
} 
if (fieldName == "arti id") 
‘ 


review. Arti_ id = (int)dr["arti id"]; 
// 使 用 外 键 对 象 返回 文章 标题 
review. Arti_title = ArticleService. GetArticleByArticleIld 
((int)dr["arti id"]).Arti title; 
} 
if (fieldName == "revi text") 
review. Revi text = (string)dr["revi text"]; 
if (fieldName == "submit date") 
review. Submit date = (DateTime)dr["submit date"]; 
} 
list. Add(review); 
} 
dr.Close(); 
return list; 


/// < summary> 
/// 返回 所 有 评论 
/// </summary> 
public static IList<Review> GetReviewAll() 
{ 
string strSql = "Select * From review order by submit_ date DESC"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
SqlDataReader dr = cmd. ExecuteReader(); 
List<Review> list = new List <Review>(); 
while (dr. Read()) 
{ 


Review review = new Review(); 
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for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "revi id") 
review. Revi_id = (int)dr["revi id"]; 


if (fieldName == "user id") 
{ 
review. User_ id = (int)dr["user id"]; 
// 使 用 外 键 对 象 返回 用 户 名 称 
review. User name = UserService. GetUserByUserId (( int ) dr 


["user_id"]).User name; 
} 
if (fieldName == "arti id") 
{ 
review. Arti_id = (int)dr["arti_id"]; 
// 使 用 外 键 对 象 返回 文章 标题 
review. Arti_title = ArticleService. GetArticleByArticleId 
((int)dr["arti_id"]).Arti title; 
} 
if (fieldName == "revi text") 
review. Revi text = (string)dr["revi text"]; 
if (fieldName == "submit date") 
review. Submit date = (DateTime)dr["submit date"]; 
} 
list. Add(review); 
} 
dr.Close(); 
return list; 


} 
9.1.7 Blog 网 站 业务 逻辑 层 的 实现 


业务 逻辑 层 负责 数 据 访问 层 与 表示 层 之 间 的 数据 传递 和 业务 逻辑 处 理 。 在 
BlogBLL 项 目 中 编写 与 数据 访问 层 相 对 应 的 类 和 方法 如 下 。 
(1) UserManager. cs 具体 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
using BlogModels; 
using BlogDAL; 
namespace BlogBLL 
{ 
public static class UserManager 


public static bool UserLogin(User inUser, out User userExist) 
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User validUser = UserService. QueryUser( inUser); 


if (validUser == null) 
{ 


userExist = null; // 用 户 登录 名 密码 不 正确 


return false; 


} 

else 

{ 
userExist = validUser; 
return true; 

} 


} 
/// < summary> 
/// 新 用 户 注册 、 先 判断 用 户 名 是 否 已 被 使 用 
/// </summary> 
public static bool UserRegister(User inUser) 
{ 

if (UserService. QueryUserName( inUser)) 

. 

return false; // 用 户 名 已 被 使 用 


} 

else 

{ 
UserService. AddUser ( inUser); 
return true; 

} 


} 
/// < summary> 
/// 根据 UserId 查询 返回 用 户 名 (User 对 象 ) 
/// </summary> 
public static User GetUserByUserId( int userid) 
{ 
return UserService. GetUserByUserId(userid); 
} 
/// < summary> 
/// 返回 所 有 用 户 
/// </summary> 
public static IList <User> GetUserALL() 
{ 
return UserService. GetUserAll(); 
} 


(2) ArticleManager. cs 具体 实现 代码 如 下 : 


using BlogModels; 
using BlogDAL; 
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namespace BlogBLL 
{ 
public static class ArticleManager 
{ 
/// < summary> 
/// 添加 新 文章 
/// </summary> 
public static int AddArticle(LogArticle article, string usrid) 
{ 
return ArticleService. AddArticle(article, usrid); 
} 
/// < summary> 
/// 返回 所 有 文章 
/// </summary> 
public static IList <LogArticle> GetArticleAll() 
{ 
return ArticleService. GetArticleAll(); 
} 
/// < summary> 
/// 获得 文章 总 数 
/// </summary> 
public static int GetArticleNumber() 
{ 
return ArticleService. GetArticleNumber( ); 
} 
/// < summary> 
/// 返回 一 个 用 户 的 全 部 日 志文 章 (ByUserId) 
/// </summary> 
public static IList <LogArticle> GethrticleBYUserId( int userid) 
{ 
return ArticleService. GetArticleByUserId(userid); 
i 
/// < summary> 
/// 根据 ArticleId 返回 一 篇 文章 
/// </summary> 
public static LogArticle GetArticleByArticleId( int articleid) 
{ 
return ArticleService. GetArticleByArticleId(articleid); 
} 
/// < summary> 
/// 修改 文章 
/// </summary> 
public static void UpdateArticle(LogArticle article) 
{ 
ArticleService. UpdateArticle(article); 
} 
/// < summary> 
/// 删除 文章 
/// </summary> 
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} 


public static void DeleteArticle(LogArticle article) 
{ 
ArticleService. DeleteArticle(article); 
} 
/// < summary> 
/// 截取 文章 的 前 面部 分 内 容 
/// </summary> 
public static string GetPartString( string article text, int num) 
{ 
return ArticleService. GetPartString(article text, num); 


(3) ReviewManager. cs 具体 实现 代码 如 下 : 


using BlogModels; 
using BlogDAL; 


namespace BlogBLL 


{ 


public static class ReviewManager 


/// < summary> 
/// 添加 新 评论 
/// </summary> 
public static int AddReview(Review review, int articleid) 
{ 
return ReviewService. AddReview(review,articleid); 
} 
/// < summary> 
/// 返回 最 新 评论 
/// </summary> 
public static IList <Review> GetReviewNew() 
{ 
return ReviewService. GetReviewNew( ); 
} 
/// < summary> 
/// 返回 所 有 评论 
/// </summary> 
public static IList< Review > GetReviewAll() 
{ 
return ReviewService. GetReviewAll(); 
} 
/// < summary> 
/// 返回 一 篇 文章 的 全 部 评论 (Byarticleid) 
/// </summary> 
public static IList< Review> GetReviewBYRrticleId(int articleid) 
{ 


return ReviewService.GetReviewByArticleId(articleid); 
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/// < summary> 
// 返回 一 篇 文章 的 评论 总 数 (Byarticleid) 
/// </summary> 
public static int GetReviewNumber( int articleid) 
{ 
return ReviewService. GetReviewNumber(articleid) ; 


} 
9.1.8 Web 表示 层 的 实现 


表示 层 就 是 整个 Web 站 点 , 它 直 接 与 用 户 交 互 。 表 示 层 页 面 的 主要 设计 是 控件 十 事 
件 : 将 控件 绑 定 数据 ,并 在 需要 时 编写 事件 代码 调用 业务 逻辑 层 的 方法 。 

(1) 日 志 网 站 首页 DefaultArticleAllRepeat. aspx 运行 效果 如 图 9-2 所 示 。 实 现代 码 
如 下 : 


<% @ Page Language = "C#" RutoEventWireup = "true" MasterPageFile = "~ /MicroBlog. Master" 
Codebehind = "DefaultArticleAllRepeat. aspx. cs" Inherits = "BlogWebApp. DefaultArticleAllRepeat" %> 


<% @ Register Assembly = "AspNetPager" Namespace = "Wuqi. Webdiyer" TagPrefix = "webdiyer" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div class = "ArticleAll layer"> 
<div id= "text"> 全 部 日 志文 章 </div> 
<asp:Repeater ID = "Repeater1l" runat = "server"> 
< ItemTemplate> 
<asp:Label ID= "Labell" runat = " server" Text = '<%# Eval("Rrti_ id") %>' 
Visible= "false"></asp:Label ><br /> 
<asp:Label ID = "Label2" runat = "server" Text = '<%# Eval("User id") %>' 
Visible= "false"></asp:Label ><br /> 
UserName:< 负 井 Eval("User_name") 多 > &nbsp; Snbsp; &nbsp; 发 表 日 期 :<% 井 
Eval("Submit date") %><br /> 
标题 : <% # Eval("Arti title") %><br /> 
内 容 : <%# GetPartString(Eval("Arti text").ToString(),180) %><br /> 
阅读 (<% # Eval ("Arti_click") % >) gnbsp; &nbsp; &nbsp; < a href = 
"ReviewByArticleld. aspx?articleid=<%# Eval("Arti id") %>"> 
评论 (<% # GetReviewNumber(Convert. ToInt32(Eval("Arti_id")))%>)</a> 
<br /> 
<a href = "ArticleDetailByArticleId. aspx?articleid =<% # Eval("Rrti 
id") %>"> 查 看 全 文 </a> 
</ItemTemplate> 
</asp:Repeater><br /> 
< webdiyer: AspNetPager ID = "AspNetPagerl" runat = "server" UrlPaging = "true" 
PageSize= "2" 
ShowPageIndex = "true" AlwaysShow = "true" Width = "317px" OnPageChanged = 
"AspNetPagerl PageChanged"> 
</webdiyer:AspNetPager > 
</div> 
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</asp:Content > 


<asp:Content ID = "Content2" ContentPlaceHolderID = "ContentPlaceHolder2" runat = "server"> 
< div class = "Login layer"> 
<table> 
<tr><td> 
<asp:Label ID = "Label3" runat = "server" Text = "用 户 名 "></asp:Label> 
<asp:TextBox ID = "txt_name" runat = "server"></asp:TextBox ></td></tr> 
<tr><td> 
<asp:Label ID = "Label4" runat = "server" Text = "密码 "></asp:Label> 
< asp: TextBox ID = "txt_pw" runat = "server" TextMode = "Password"> 
</asp:TextBox></td></tr> 
<tr><td> 
<asp:Button ID = "btn login" runat = "server" Text = "登录 " OnClick = 
"btn_login Click" /> 
<asp:LinkButton ID = "LinkButton1” runat = "server" Text = "新 用 户 注 
册 " PostBackUrl = "一 /Login/NewLogin. aspx"></asp:LinkButton></td></tr> 
</table> 
</div><br /> 
</asp:Content > 


<asp:Content ID = "Content3" ContentPlaceHolderID = "ContentPlaceHolder3" runat = "server"> 
<div class=" GetUserALL layer"> 
<div> 
<asp:Label ID = "txt_msg" runat = "server" Text = "用 户 列表 "></asp:Label></div> 
<asp:DataList ID = "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
<ItemTemplate> 
<a href = "ArticleAllByUserlId. aspx?userid =<% # Eval("User_id") %>" 
target ="_blank"><% # Eval("User_name") %></a> 
</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = "server”SelectMethod = 
"GetUserALL" 
TypeName = "BlogBLL. UserManager"> 
</asp:0bjectDataSource> 
</div> 
</asp:Content > 


<asp:Content ID= "Content4" ContentPlaceHolderID = "ContentPlaceHolder4" runat = "server"> 
<div class = "GetReviewNew_layer"> 
<asp:Label ID = "Label5" runat = "server" Text = "最 新 评论 "></asp:Label><br /> 
<asp:DataList ID= "DataList2" runat = "server" DataSourceID = "ObjectDataSource2"> 
<ItemTemplate> 
<a href = "ArticleDetailByArticlelId. aspx?articleid = < 多 # Eval("Arti_ 
id") %>" target =" blank">«<%# Eval("Arti title") %>»</a></br> 
<%# Eval("User name") $%> 
:<%S# Eval("Submit date") %></br> 
<%S# Eval("Revi text") %></br> 
<div><a href ="" target =""> 回 复评 论 </a></div></br> 
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</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = "ObjectDataSource2" runat = " server" SelectMethod = 
"GetReviewNew" TypeName = "BlogBLL. ReviewManager"> 
</asp:O0bjectDataSource> 
</div> 
<div> 
<a href = "ReviewAllList.aspx” target = "” blank"> 全 部 评论 >></a> 
</div> 
</asp:Content > 


在 DefaultArticleAllRepeat. aspx. cs 中 编写 如 下 代码 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 
. 
public partial class DefaultArticleAllRepeat : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
证 (!IsPostBack) ”// 首 次 加 载 
{ 
// 调 用 PageBind() 方 法 ,为 Repeater 控件 实现 分 页 功能 
PageBind( ); 


// 截取 文章 的 前 面部 分 内 容 
public static string GetPartString(string article text, int num) 
{ 

return ArticleManager. GetPartString(article text, num); 


// 根据 ArticleId 获得 某 篇 文章 的 评论 总 数 
public static int GetReviewNumber( int articleid) 
{ 
return ReviewManager. GetReviewNumber(articleid); 
} 
// 使 用 PagedDataSource 给 Repeater 控件 增加 分 页 功能 
private void PageBind() 
{ 
// 创 建 PagedDataSource 对 象 实例 
PagedDataSource PageDataSourcel = new PagedDataSource(); 
// 设 置 PagedDataSource 对 象 的 属性 值 
PageDataSourcel. DataSource = ArticleManager.GetArticleAll(); 
PageDataSourcel. AllowPaging = true; 
PageDataSourcel. PageSize = AspNetPager].PageSize; 
PageDataSourcel. CurrentPageIndex = RspNetPager1. CurrentPageIndex — 1; 
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// 设 置 分 页 控件 的 RecordCount 
RspNetPager1. RecordCount = ArticleManager. GetArticleNumber(); 
// 绑 定数 据 源 


Repeater1. DataSource = PageDataSourcel; 
Repeater1. DataBind( ); 
} 


protected void AspNetPagerl PageChanged(object sender, EventArgs e) 
{ 

PageBind(); 
、 


protected void btn_login Click(object sender, EventArgs e) 
if (Page. IsValid) 
{ 
User user = new User(); 
user. User name = txt_ name.Text.Trim(); 
user. User pw = txt_pw.Text.Trim(); 
// 判 断 用 户 名 和 密码 是 否 正确 
if (UserManager. UserLogin(user, out user) ) 
{ 


// 保 存 用 户主 键 标识 
Session[ "user_id"] = user.User_id; 
// 重 定向 到 发 表 日 志 页 面 


Response. Redirect("~/IssueArticleFckeditor. aspx" ); 
} 
else 
{ 
txt_msg. Text =" 请 查证 并 输入 有 效 的 用 户 名 和 密码 !"; 
txt_name. Text = string.Empty; 
txt_pw. Text = string. Empty; 


说 明 : 

@D 在 首页 放置 了 与 母 版 页 (MicroBlog. Master) 的 内 容 位 置 控件 相对 应 的 4 个 内 容 
控件 (Content1~ Content4) ,分别 用 来 显示 全 部 日 志文 章 、 用 户 登录 、 所 有 用 户 列表 、 最 
新 评论 等 模块 。 

@ 这 里 用 Repeater 控件 来 实现 全 部 日 志文 章 列表 。 由 于 Repeater 控件 没有 自 带 分 
页 功能 ,因此 使 用 了 分 页 控件 AspNetPager。 这 是 一 个 第 三 方 控 件 , 可 以 参照 本 书 第 4 章 
中 第 三 方 控件 的 使 用 方法 ,下 载 AspNetPager. dll、“ 添 加 引用 ”至 Web 层 的 Bin 文件 夹 
下 ,并 且 在 工具 箱 中 添加 AspNetPager 控件 。 

注意 : AspNetPager 分 页 控件 数据 源 绑 定 的 方法 ,这 里 使 用 了 PagedDataSource 对 
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象 。 在 DefaultArticleAllRepeat. aspx. cs 的 PageBind() 方 法 中 给 出 了 对 PagedDataSource 对 
象 属性 值 的 设置 。 

分 页 控件 的 AspNetPagerl_PageChanged() 事 件 在 页 码 改 变 时 被 激活 。 

数据 分 页 是 Web 应 用 程序 数据 访问 时 的 常用 的 功能 之 一 。 迁 今 为 止 ,ASP.NET 的 
DataList 控件 ,Repeater 控件 等 没有 自 带 分 页 功能 ,分 页 代码 的 编程 技术 难度 较 大 而 且 代 
码 重 用 率 较 低 。 

AspNetPager 分 页 控件 是 一 款 优秀 的 第 三 方 控 件 , 它 的 分 页 数据 可 以 来 自任 何 数 据 
源 , 例 如 SQL Server、Oracle、mysql 等 数据 库 以 及 XML 文件 等 , 它 的 控件 和 数据 显示 可 
以 是 相互 独立 的 。AspNetPager 控件 可 以 在 它 的 官方 网 站 http://www. webdiyer. com/ 
download 中 下 载 。 它 的 其 他 功能 及 属性 设置 ,比如 分 页 按钮 的 样式 设置 等 ,可 登录 它 的 
网 站 查阅 更 多 的 详细 说 明 。 

@ GetPartString(Eval("Arti_text"). ToString() ,180) 方 法 用 来 截取 文章 的 前 面部 
分 字符 串 。 

GetReviewNumber(Convert. ToInt32(Eval("Arti_id")) 用 来 获取 一 篇 文章 的 评论 
总 数 。 

在 数据 访问 层 的 ArticleService. cs 类 和 ReviewService. cs 类 中 分 别 给 出 了 GetPartString() 
方法 和 GetReviewNumber() 方 法 的 定义 。 

图 在 Login.aspx 页 面 文件 中 ,用 户 提交 的 登录 信息 经 过 数据 库 验 证 后 倘若 证 实 有 
效 , 则 要 将 用 户主 键 标识 User_id 保存 在 Session["user_id"] 中 。 在 发 表 日 志 页 面 时 , 需 
要 先 判 断 Session[ "user_id"] 是 否 为 null。 

(2) 在 首页 的 “用 户 登 录 ” 区 域 中 可 以 选择 新 用 户 注册 。NewLogin. aspx 新 用 户 注册 
页 面 主要 代码 如 下 : 


<$% @ Page Language = "C#" RutoEventWireup = "true" MasterPageFile = "一 /MicroBlog.Master" 
Codebehind = "NewLogin. aspx. cs" Inherits = "BlogWebApp. Login. NewLogin” 争 > 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1”runat = "server"> 


<div> 
<table> 
<tr><td><asp:Label ID = "Labell" runat = " server" Text = "用户 名 "></asp: 
Label ></td> 
<td>< asp:TextBox ID = "txt_name" runat = "server" Width = "150px"></asp: 
TextBox> 
<asp: RequiredFieldValidator ID = "rfv_ name" runat = " server" 
ErrorMessage = "请 输入 用 户 名 ”ControlTbValidate = "txt_name"></asp: RequiredFieldValidator > 
</td></tr> 


<tr><td><asp:Label ID= "Label2"” runat = "server” Text = "密码 " Width = 
"48px"></asp:Label ></td> 
<td><asp:TextBox ID= "txt_pw" runat = "server" TextMode = "Password" 
Width = "150px"></asp: TextBox> 
<asp:RequiredFieldValidator ControlToValidate = "txt_pw" ID = "rfv_ 
pw" runat = "server" ErrorMessage = "请 输入 密码 "></asp:RequiredFieldValidator ></td></tr> 
<tr><td><asp:Label ID= "Label3" runat = "server" Text = "00" Width= "49px"> 
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</asp:Label ></td> 
<td><asp:TextBox ID = "txt QQ0" runat = "server" Width= "150px"></asp: 
TextBox > 
<asp:RequiredFieldValidator ID = "rfv_Q0" runat = "server" ErrorMessage = 
"请 输入 0 号 " ControlToValidate = "txt_00"></asp:RequiredFieldValidator ></td></tr> 
<tr><td colspan = "2"><asp:Button ID = "Button1" runat = "server" Text = " 注 
册 " OnClick = "Buttonl Click" /></td></tr> 
</table> 
</div> 
</asp:Content > 


NewLogin. aspx. cs 主要 代码 如 下 : 


using BlogModels; 

using BlogBLL; 

namespace BlogWebApp. Login 

{ 

public partial class NewLogin : System. Web. UI. Page 
{ 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
lh 
User user = new User(); 
user. User name= txt_name.Text.Trim(); 
user. User_pw = txt_pw.Text.Trim(); 
user. User QQ = txt_ QQ. Text. Trim(); 
if (!UserManager. UserRegister(user)) 
{ 
Response. Write("< script> alert( 'sorry, 用 户 名 已 经 存在 !')</script >"); 
} 
else 
{ 
Response. Write("< script >alert(' 注 册 成 功 ! ')</script >"); 


} 


(3) 在 首页 的 “用 户 列表 ”中 单 击 某 个 用 户 名 ,将 显示 这 个 用 户 的 所 有 文章 。 显 示 一 
个 用 户 所 有 文章 的 ArticleAllByUserld. aspx 页 面 实现 代码 如 下 : 


<$% @ Page Language = "C#" AutoEventWireup = "true" Codebehind = "ArticleAllByUserId. aspx. cs" 
MasterPageFile = "~ /MicroBlog. Master" Inherits = "BlogWebApp. ArticleAllByUserId" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 
<div> 


<asp:DataList ID= "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 


201 


ASP NET 动态 网 站 开发 项 目 化 教程 


202 


< ItemTemplate> 
<asp:Label ID= "Labell" runat = "server”Text = '<%# Eval("Arti_ id") %>' 
Visible= "false"></asp:Label ><br /> 
<asp:Label ID = "Arti idLabel" runat = "server" Text = '<%# Eval("User_ 
id") %>'Visible= "false"></asp:Label ><br /> 
UserName:<% # Eval("User name") %$><br /> 
标题 : <% # Eval("Arti title") %$><br /> 
内 容 : <$% # GetPartString(Eval("Arti text").ToString(),50) %$><br /> 
发 表 日 期 :<% # Eval("Submit date") %><br /> 
阅读 (<% # Eval ("Arti_click") %>) gnbsp; &nbsp; &nbsp; <a href = 
"ReviewBYRrticleId. aspx?articleid=<%# Eval("Arti id") %>"> 
评论 (<% # GetReviewNumber ( Convert. ToInt32(Eval("Arti_id")))%>) 
</a><br /> 
<a href = "ArticleDetailByArticleld. aspx?articleid =<% # Eval("Arti_ 
id") %>"> 查 看 全 文 </a></p> 
</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = " server" SelectMethod = 
"GetArticleByUserId" 
TypeName = "BlogBLL. ArticleManager"> 
<SelectParameters> 
<asp: QueryStringParameter Name = "userid" QueryStringField = " userid" 
Type = "Int32" /> 
</SelectParameters > 
</asp:0bjectDataSource> 
</div> 
</asp:Content > 


在 ArticleAllByUserld. aspx. cs 中 编写 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 
{ 
public partial class ArticleAllByUserId : System. Web. UI. Page 
{ 
/// < summary> 
/// 截取 文章 的 前 面部 分 内 容 
/// </summary> 
public static string GetPartString( string article text, int num) 
{ 
return ArticleManager .GetPartString(article text, num); 


/// < summary> 

/// 根据 articleId 获得 某 篇 文章 的 评论 总 数 

/// </summary> 

public static int GetReviewNumber(int articleid) 
{ 
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return ReviewManager. GetReviewNumber(articleid); 


} 


(4) 查看 日 志 全 文 时 ,可 在 文章 下 方 提交 发 表 评论 。ArticleDetailByArticleld. aspx 
“查看 全 文 ”页 面 实 现代 码 如 下 ,运行 效果 如 图 9-4 所 示 。 


名 二 人 -Window Internet Explorer [ey x™| 
Os httpi/localhost2270/ArticleDetailByAriicleldas ~ |4+ |X [BM Livesearch PD - 


六 wx 个 EBevxa 各. 图 - 瑟 夯 -oasg- 
El +“ 日志 同 让 > 首页 > 查看 全 文 网 


《台风 的 记 亿 》 作者 : Rose 

不 知道 为 什么 ， 有 折 风 来 和 | 优 ， 秩 史 是 帮 迷 恒 8 忆 9 汪 若 ， 轩 若 锻 子 匠 凤 志 6 有声 ， 恕 生 守 六 全 天 昌 李 等温 过 久富 在 音 黄 的 订 下 专刊 书 

习 去 往 。 小 入， 可 我 们 丰 正 开始 中 鲜 住 在 eee 区 5 近 安 在 了 入学 术 里 ， ee 
有 全 他 ER 后 司 拆 了 ; 

就 时 天 拆 的 ， 找 | 一 了 ， 伯 六 谎 了 委 有 了 ， 艾 亲 亿 主 了 ， 那 和 普 东 结 我 们 旬 多 记忆 的 、 在 自 凡 中 昂 交 的 三 导 栏 是 8 久 ， 

于 带 来 天 刘 生 让 的 我 青 少 竺 时 代 的 作风 ， 己 多 永 远 的 是 记忆 中 的 [加 村 和 好 名 了 ! 

发 表 日 贿 :2009/9/5 22:35:05 

(23) EO) 


发 表 评论 


[ 潜 机 |] 


时 名 

谍 庆 内 容 : 台风 革 二 雨水 和 叭 训 的 记忆 

发 于 间 : 2009/9/11 13:43:25 ~ 
4 四 


图 9-4 “查看 全 文 ” 页 面 运 行 效果 


<% @ Page Language = "C#" AutoEventWireup = "true" MasterPageFile = "一 /MicroBlog1.Master" 
Codebehind = " RMrticleDetailBYRrticleId. aspx. cs" Inherits = " BlogWebApp. 
ArticleDetailByAriticleId" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div class = "ArticleDetail"> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = " server" SelectMethod = 
"GetArticleByArticlelId" 
TypeName = "BlogBLL. RrticleManager"> 
<SelectParameters> 
<asp: QueryStringParameter Name = " articleid" QueryStringField = 
"articleid" Type = "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
<asp:DataList ID= "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
<ItemTemplate> 
<asp:Label ID= "Labell" runat = "server" Text = '<%# Eval("Arti_id") %>' 
Visible= "false"></asp:Label ><br /> 
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<asp:Label ID = "Rrti_idLabel" runat = "server" Text = '<%# Eval("User_ 
id") %>'Visible= "false"></asp:Label ><br /> 
«<%S# Eval("Arti title") $>w&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 作 者 : 
<%# Eval("User_name") %><br /> 
<%# Eval("Rrti text") %><br /> 
发 表 日 期 :<% # Eval("Submit date") %><br /> 
阅读 (<% # Eval ("Arti_click") % >) gnbsp; gnbsp; gnbsp; <a href = 
"ReviewBYRrticleId, aspx?articleid=<%# Eval("Arti id") %>"> 
评论 (<% # GetReviewNumber(Convert. ToInt32(Eval("Arti id"))) %>)</a> 
</ItemTemplate> 
</asp:DataList> 
</div> 
<div class = "IssueReview. aspx"> 
<h4 > 发 表 评论 </h4 > 
姓名 ( 必 填 )< asp: TextBox ID = "txt_name" runat = "server" Width = "86px"> </asp: 
TextBox > 
< asp: RequiredFieldValidator ID = "RequiredFieldValidatorl”ControlToValidate = 
"txt_name" runat = "server” ErrorMessage = "请 填写 姓名 !"></asp: RequiredFieldValidator > 
<a href =""> 我 要 登录 </a>< br /> 
<asp:TextBox ID = "txt_text" runat = "server" Height = "S50px" Width = "278px" 
TextMode = "MultiLine"></asp:TextBox> gnbsp;< br /> 
<asp:Button ID = "Button1” runat = "server" Text = "发 表 评 论 " OnClick = "Buttonl_Click" /> 
</div> 
<div class = "ReviewList"> 
<asp:ObjectDataSource ID = "ObjectDataSource2" runat = " server" SelectMethod = 
"GetReviewByArticlelId" TypeName = "BlogBLL. ReviewManager"> 
<SelectParameters> 
<asp: QueryStringParameter Name = " articleid" QueryStringField = 
"articleid" Type = "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
<asp:DataList ID= "DataList2" runat = "server" DataSourceID = "ObjectDataSource2"> 
< ItemTemplate> 
<asp:Label ID= "Revi_id" runat = "server" Text = '<%# Eval("Revi_id") %>' 
Visible= "false"></asp:Label ><br /> 
<asp:Label ID= "Arti_id" runat = "server" Text = '<%# Eval("Rrti_id") %>' 
Visible= "false"></asp:Label ><br /> 
<%# Eval("User name") %><br /> 
评论 内 容 : <% # Eval("Revi_text") %><br /> 
发 表 时 间 : <% # Eval("Submit_date") %><br /> 
</ItemTemplate> 
</asp:DataList> 
</div> 
</asp:Content > 


在 ArticleDetailByArticleId. aspx. cs 中 编写 如 下 代码 : 


using BlogModels; 
using BlogBLL; 
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namespace BlogWebApp 


| 


public partial class ArticleDetailByAriticleld : System. Web. UI. Page 


protected void Page Load(object sender, EventArgs e) 


{ 


} 


if (!IsPostBack) 


. 


if (Request. QueryString["articleid"] ! = null) 
{ 
int articleid; 
try 
{ 
articleid = Convert.ToInt32(Request. QueryString[ "articleid"]); 
LogArticle article = ArticleManager. GetArticleByArticleId(articleid); 
// 文 章 阅 读 次 数 加 1 
article. Arti click + = 1; 
ArticleManager. UpdateArticle(article); 
this. DataList1. DataBind( ); 
} 
catch 
{ 
Response. Write("< script > alert( 'Sorry, 此 文 不 存在 ! ')</script >"); 


protected void Buttonl Click(object sender, EventArgs e) 


{ 


if (Page. IsValid) 


{ 


// 获 取 文 章 ID 
int articleid = Convert. ToInt32(Request.QueryString["articleid"]); 
Review review = new Review(); 
// 获 取 评 论 内 容 
review. Revi_ text = txt text.Text.Trim().ToString(); 
review. Submit_date = DateTime. Now; // 发 表 评 论 时 间 
if (Session["user id"] == null) 
{ 
// 给 匿名 评论 用 户 设 定 User_id 
review. User_id = 80; 
review. User_name = txt_name.Text.Trim().ToString(); 


else 


int userid = Convert.ToInt32((Session["user id"]).ToString()); 
// 获 取 已 登录 评论 用 户 的 User_id 

review. User_id = userid; 

review. User name = UserManager.GetUserByUserId(userid). User name; 
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} 
if (ReviewManager. AddReview(review, articleid) ! = 0) 
{ 
Response. Redirect ("ArticleDetailByArticleId. aspx?articleid=" + articleid); 
Response. Write("< script >alert( "评论 发 表 成 功 ! ')</script >"); 
} 
else 
{ 
Response. Write("< script > alert('Sorry, 评 论 提交 失败 !')</script >"); 
} 


} 
/// < summary> 
/// 根据 ArticleId 获得 某 篇 文章 的 评论 总 数 
/// </summary> 
public static int GetReviewNumber( int articleid) 
{ 
return ReviewManager. GetReviewNumber(articleid); 


} 

(5) 在 首页 “全 部 日 志文 章 ” 中 或 是 在 “查看 全 文 ” 页 面 中 单 击 “ 评 论 ” 超 链接 ,可 以 看 
到 一 篇 文章 的 全 部 评论 。 显 示 一 篇 文章 的 全 部 评论 的 ReviewByArticleld. aspx 页 面 实 现 
代码 如 下 : 


< 外 四 Page Language = "C#"”RutoEventWireup = "true" MasterPageFile = "一 /MicroBlog1.Master" 
Codebehind = "ReviewBYRrticleId. aspx. cs" Inherits = "BlogWebApp. ReviewByArticleId" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
< div class = " Review layer "> 
< asp:DataList ID = "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
< ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = '<%# Eval("Revi_ id") %>' 
Visible= "false"></asp:Label ><br /> 
<asp:Label ID = "Label2" runat = " server”Text = '<%# Eval("Arti_id") %>' 
Visible= "false"></asp:Label ><br /> 
«<%S# Eval("Arti title") %>»<%# Eval("User name") %><br /> 
评论 内 容 : <% # Eval("Revi_text") %><br /> 
发 表 时 间 : <$% # Eval("Submit_date") %><br /> 
</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = " server" SelectMethod = 


"GetReviewByArticleId" 
TypeName = "BlogBLL. ReviewManager"> 
<SelectParameters> 
< asp: QueryStringParameter Name = "articleid" QueryStringField = "articleid" 
Type = "Int32" /> 
</SelectParameters> 
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</asp:ObjectDataSource> 
</div> 
</asp:Content> 


(6) 在 首页 左 侧 “ 最 新 评论 ”区域 下 方 单 击 “全 部 评论 ” 超 链接 ,可 以 看 到 所 有 文章 的 
全 部 评论 。ReviewAllList. aspx 页 面 实现 代码 如 下 : 


<% @ Page Language = "C 井 ”RutoEventWireup = "true" MasterPageFile = "~/MicroBlogl. Master" 
Codebehind = "ReviewAllList. aspx.cs" Inherits = "BlogWebApp. ReviewAllList" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 
<div class = "ReviewAll layer"> 
<div id= "text"> 全 部 评论 </div> 
<asp:DataList ID = "DatabList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
< ItemTemplate> 
<a href = " RrticleDetailBYRrticleId. aspx?articleid = <% # Eval("Rrti_ 
id") %>" target = " blank">«<%# Eval("Rrti title") %>»</a></br> 
<%# Eval("User name") %> 
: <%# Eval("Submit_date") %></br> 
<%# Eval("Revi text") %></br> gnbsp; Snbsp; Snbsp; 
<a href = "" target = ""> 回 复评 论 </a></br></br> 
</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = " server" SelectMethod = 
"GetReviewAll" TypeName = "BlogBLL. ReviewManager"> 
</asp:ObjectDataSource> 
</div> 
</asp:Content > 


(7) 在 发 表 日 志 页 面 , 需 要 先 判断 Session[ "user_id"] 是 否 为 null, 从 而 判断 该 用 户 
是 否 为 登录 用 户 。 需 要 注意 第 三 方 控件 FCKeditor( 在 线 文 本 编辑 器 ) 的 使 用 ,使 用 的 详 
细 说 明 可 参照 任务 4. 3 。 

发 表 日 志 页 面 IssueArticleFCKeditor. aspx 实现 代码 如 下 ,运行 效果 如 任务 4. 3 中 
的 图 4-7 所 示 。 


<% @ Page Language = "C#" AutoEventWireup = "true" MasterPageFile = "一 /MicroBlog.Master" 
Codebehind = " IssueArticleFCKeditor. aspx. cs " Inherits = " BlogWebApp. 
IssueArticleFCKeditor" %> 


<% @ Register Assembly = " FredCK. FCKeditorV2" Namespace = "FredCK. FCKeditorV2" TagPrefix = 
"FCKeditorV2" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div> 
<asp:Label ID = "Labell" runat = "server" Text = "日 志 标 题 "></asp:Label> 
<asp:TextBox ID = "txt_title" runat = "server"></asp:TextBox>< br /> 
<asp:Label ID = "Label2" runat = "server" Text = "日 志 正文 "></asp:Label><br /> 
< FCKeditorV2:FCKeditor ID = "FCKeditor1" runat = "server" Height = "280px"> 
</FCKeditorV2:FCKeditor > 
<asp:Button ID = "Button1”runat = "server" Text = "发 表 文 章 " OnClick = "Buttonl_Click" /> 
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</div> 
</asp:Content > 


在 IssueArticleFCKeditor. aspx. cs 中 编写 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 
{ 
public partial class IssueArticleFCKeditor : System. Web. UI.Page 
{ 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
LogArticle article = new LogArticle(); 
// 获 取 日 志 标题 .日 志 内 容 
article. Arti title = txt title.Text.Trim().ToString(); 
article. Arti text = FCKeditorl.Value.Trim().ToString(); 
// 阅 读 次 数 初始 值 为 0 
article. Arti click = 0; 
// 发 表 日 志 时 间 
article. Submit date = DateTime. Now; 
if (Session["user_id"] == null) // 用 户 没 有 登录 
{ 
Response. Write("< script > alert(' 请 先 登 录 ')</script >"); 
} 
else 
{ 
// 获 取 发 表 日 志 用 户 的 User_id 
string UserId = Session[ "user_id"].ToString(); 
article. User_id = Convert.ToInt32(UserId); 
if (ArticleManager. AddArticle(article, UserId) ! = 0) 
{ 
Response. Redirect ( " ~/DefaultArticleAllRepeat. aspx "); 
Response. Write("< script > alert(' 文 章 发 表 成 功 !')</script >"); 
} 
else 
{ 
Response. Write("< script> alert( 'Sorry, 文 章 提交 失败 !')</script >"); 
} 


} 

(8) 在 用 户 退 出 登录 时 , 需 清空 Session 对 象 。 在 退出 登录 页 面 Logout. aspx. cs 中 
编写 代码 如 下 : 
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namespace BlogWebApp. Login 
| public partial class Logout : System. Web. UI. Page 
' protected void Page_Load(object sender, EventArgs e) 
Session[ "user id"] = null; // 清 空 Session 对 象 ,退出 登录 
Response. Redirect("~/Login/Login. aspx" ); // 返 回 到 登录 页 面 


} 
(9) 对 于 Admin 文件 夹 ,当前 任务 尚未 设置 任何 访问 限制 ,允许 所 有 用 户 访问 。 


ArticleManagerGridView. aspx 是 日 志文 章 的 后 台 管 理 页 面 ,参考 代码 如 下 ,运行 效 


果 如 图 9-5 所 示 。 


伏 后 全日 古文 章 管 理 页 面 - Windows Intemet Explorer [EX 一 | 


jw |] http://ocalhost2270/Admin/ArticleMans ~ | #7 | X | 好 ieseercy PD- 


了 收 谭 夹 。 优 后 台 日 志文 莉 管理 页 面 局 - 国 - 杞 只 7mD- 
= 下 目 志 网站 > 我 是 筷 理 员 - 


上 2 ps 我 役 有 的 有情 罗 ， 旧 内 可 | 闻 
2009/9/1 全 
4 21s8:11 福光 
4 2009/9/1 全 出 
12:38:49 宰 险 


图 9-5 后 台 日 志文 章 管理 页 面 


<% @ Page Language = "C#" RutoEventWireup = "true" MasterPageFile = "~ /MicroBlog. Master" 
Codebehind = " ArticleManagerGridView. aspx. cs " Inherits = " BlogWebApp. 


ArticleManagerGridVien" %> 


<asp:Content ID= "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 


<div> 


< asp:GridView ID = "GridViewl" runat = "server" AllowPaging = "True" RutoGenerateColumns = 


"False" DataSourceID = "ObjectDataSourcel" DataKeyNames = "Arti_id" CellPadding = "4" ForeColor = 
"#333333" GridLines = "None" PageSize= "3"> 
<Columns > 
<asp: BoundField DataField = " BRrti _ id" HeaderText = " Arti _ id" 


SortExpression = "Arti id" Visible= "False" /> 


<asp: BoundField DataField = " User _ id" HeaderText = " User _ id" 
SortExpression = "User_id" Visible= "False" /> 
<asp: BoundField DataField = "User name"” HeaderText = "作者 " 
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SortExpression = "User_name" /> 
<asp: BoundField DataField = " Arti _ title" HeaderText = "标题 " 
SortExpression = "Arti title" /> 
<asp:TemplateField HeaderText = "内 容 " SortExpression = "Arti text"> 
< ItemTemplate > 
<%# GetPartString(Eval("Rrti_text").ToString(),192) %> 
</ItemTemplate> 
</asp:TemplateField> 
<asp: BoundField DataField = " hrti _ click" HeaderText = "阅读 次 数 " 
SortExpression = "Arti click" /> 
<asp: BoundField DataField = " Arti _ review"” HeaderText = "评论 数 " 
SortExpression = "Rrti_review" Visible = "False" /> 
<asp:BoundField DataField = " Submit _date” HeaderText = "提交 日 期 " 
SortExpression = "Submit_date" /> 
<asp: HyperLinkField HeaderText = " 全文" NavigateUrl =" ~/ 
RrticleDetailBYRrticleId， aspx"” Text = " 全文 " DataNavigateUrlFields = "arti id" 
DataNavigateUrlFormatString = "RrticleDetailBYRrticleId. aspx?articleid= {0}" /> 
<asp:CommandField ShowDeleteButton = "True" /> 
</Columns> 
<RowStyle BackColor = " # E3EAEB" /> 
<FooterStyle BackColor = "#1C5E55" Font - Bold = "True" ForeColor = "White" /> 
< PagerStyle BackColor = " #666666" ForeColor = "White" HorizontalAlign = "Center" /> 
< SelectedRowStyle BackColor = "#C5BBAF" Font - Bold= "True" ForeColor = "#333333" /> 
< HeaderStyle BackColor = "#1C5E55" Font - Bold = "True" ForeColor = "White" /> 
<EditRowStyle BackColor = "#7C6F57" /> 
<AlternatingRowStyle BackColor = "White" /> 
</asp:GridView> 
< asp:ObjectDataSource ID = "ObjectDataSourcel" runat = "server" DataObjectTypeName = 
"BlogModels. LogArticle" 
DeleteMethod = " DeleteArticle" SelectMethod = " GetArticleAll" TypeName = 
"BlogBLL. ArticleManager" UpdateMethod = "UpdateArticle"> 
</asp:ObjectDataSource> 
</div> 
</asp:Content > 


在 ArticleManagerGridView. aspx. cs 中 编写 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 
{ 
public partial class ArticleManagerGridView : System. Web. UI. Page 
{ 
/// < summary> 
/// 截取 文章 的 前 面部 分 内 容 
/// </summary> 
public static string GetPartString(string article text, int num) 
{ 
return ArticleManager. GetPartString(article text, num); 
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} 
9.1.9 小 结 


(1) 数据 库 连 接 属 于 应 用 程序 级 的 配置 ,所 以 连接 字符 串通 常 是 设置 在 站 点 的 Web. 
config 文件 中 的 。 在 Web. config 的 二 connectionStrings 二 一 /connectionStrings 二 配置 
节 中 ,也 可 以 保存 多 个 数据 库 连 接 的 配置 信息 (使 用 多 个 add 标记 即 可 ) 。 

(2) 表示 层 中 的 截取 文章 部 分 内 容 ( 截 取 字符 串 ) 等 通用 方法 ,通常 情况 下 应 该 是 放 
在 单独 创建 的 如 CommonHandler. cs 类 中 并 放置 在 App_Code 目录 下 ,读者 可 以 自行 
尝试 。 

(3) 限于 篇 幅 , 在 上 述 所 列 代码 中 省 略 了 发 表 日 志 页 面 、 发 表 评论 页 面 中 输入 控件 的 
非 空 验证 。 数 据 库 表 中 的 某 些 null 值 将 导致 "未 将 对 象 引 用 设置 到 对 象 实例 ”等 异常 。 
切记 务必 给 上 述 页 面 控件 加 上 非 空 验证 。 


9.1.10 思考 与 练习 

在 每 一 个 评论 的 后 面 添加 一 个 “回复 评论 ” 超 链接 , 当 单 击 “ 回 复评 论 ” 超 链接 时 ,显示 
一 个 可 以 添加 回复 的 表单 并 将 回复 信息 与 该 条 评论 一 起 发 布 显 示 。 

提示 : 可 以 增加 一 回复 信息 的 数据 库 表 。 


任务 9.2 网 站 的 安全 认证 与 授权 


任务 目标 


(1) 了 解 Web. config 应 用 程序 配置 文件 的 文件 结构 以 及 它 的 网 站 安全 性 配置 策略 。 
(2) 了 解 ASP.NET 身份 认证 的 基本 方式 以 及 它 的 用 户 授权 机 制 。 
(3) 掌握 设置 基于 表单 的 身份 验证 和 页 面授 权 的 方法 。 


9.2.1 网 站 安全 性 配置 概述 


在 上 一 任务 中 , 当 用 户 请 求 发 表 日 志 时 ,是 用 Session 来 记录 、 判 断 用 户 是 否 为 登录 
用 户 的 : 在 用 户 登 录 页 面 , 当 用 户 登 录 成 功 时 从 数据 库 获 取 与 其 用 户 名 、 密 码 相对 应 的 
user_id 存 人 Session 中 ,然后 在 需要 的 每 一 个 页 面 判断 Session["user_id"] 是 否 为 null， 
否则 断定 该 用 户 没 有 登录 ; 在 该 用 户 退 出 时 , 令 其 Session[ "user_id"] = null。 这 样 很 直 
观 , 但 无 疑 使 代码 元 长 并 增加 了 编码 的 复杂 性 。 

其 实在 ASP.NET 的 安全 体系 架构 中 ,有 着 更 简捷 的 实现 方案 : 那 就 是 简单 的 配置 
Web. config 文件 ,实现 应 用 程序 和 页 面 文件 的 认证 与 授权 。 

所 谓 认证 ,就 是 身份 验证 ,要 求 用 户 输入 用 户 名 和 密码 进行 登录 验证 后 方 可 进入 应 用 
程序 或 页 面 文件 ; 而 所 谓 授 权 , 就 是 对 进入 应 用 程序 的 用 户 授 予 访问 哪些 页 面 或 资源 的 
权利 。 这 有 点 像 进 学 校 的 图 书馆 : 进入 校 图 书馆 的 必须 是 本 校 的 教工 或 学 生 , 这 是 已 经 
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经 过 认证 的 ; 而 进入 图 书馆 大 楼 以 后 ,一 般 用 户 能 自由 出 入 阅览 室 、 借 阅 室 ; 若 要 进 藏 书 
库 、 和 编目 室 则 必须 要 得 到 许可 或 授权 。 

一 个 站 点 就 是 一 个 应 用 程序 。Web. config 是 应 用 程序 配置 文件 。 一 个 应 用 程序 的 
各 级 目录 下 都 可 以 有 Web. config 文件 ,每 一 个 Web. config 只 对 当前 目录 及 其 子 目 录 起 
作用 。 每 一 个 子 目 录 都 可 以 继承 上 一 级 目录 的 配置 并 覆盖 其 中 相同 的 选项 。 

Web. config 是 一 个 XML 文件 。 可 在 “解决 方案 资源 管理 器 "面板 中 右 击 MicroBlog 
项 目的 Web 层 BlogWebApp, 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 ”命令 ,在 打开 
的 “添加 新 项 -BlogWebApp” 对 话 框 中 ,选择 “Web 配置 文件 ?选项 , Web. config 默认 的 文 
件 格式 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 

<L-- 
注意 : 除了 手动 编辑 此 文件 以 外 ,还 可 以 使 用 
Web 管理 工具 来 配置 应 用 程序 的 设置 .可 以 选择 visual Studio 中 的 
“网 站 ”- >“Asp. Net 配置 ”命令 . 
设置 和 注释 的 完整 列表 在 
machine. config. comments 中 ,该 文件 通常 位 于 
\Windows\Microsoft. Net\Framework\v2. x\Config 中 


-> 
<configuration> 
< appSettings/> 
< connectionStrings/> 
< system. web > 
= 
设置 compilation debug = "true" 将 调试 符号 插入 
已 编译 的 页 面 中 .但 由 于 这 会 
影响 性 能 ,因此 只 在 开发 过 程 中 将 此 值 
设置 为 true. 
-> 
<compilation debug = "false" /> 
wh 
通过 <authentication> 节 可 以 配置 ASP.NET 使 用 的 
安全 身份 验证 模式 ， 
以 标识 传人 的 用 户 . 
--> 
<authentication mode = "Windows" /> 
人 


如 果 在 执行 请 求 的 过 程 中 出 现 未 处 理 的 错误 ， 

则 通过 < customErrors> 节 可 以 配置 相应 的 处 理 步骤 . 具体 说 来 ， 
开发 人 员 通 过 该 节 可 以 配置 

要 显示 的 html 错误 页 

以 代替 错误 堆栈 跟踪 . 


< customErrors mode = "RemoteOnly" defaultRedirect = "GenericErrorPage. htm"> 
<error statusCode = "403" redirect = "NoAccess. htm" /> 
<error statusCode = "404" redirect = "FileNotFound. htm" /> 
</customErrors> 
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-> 
</system. web> 

</configuration> 

可 以 看 到 ,Web. config 文件 的 根 节点 是 二 configuration 二 ,所 有 的 配置 信息 都 位 于 
一 configuration 二 一 /configuration 二 根 节点 之 中 。 其 中 : 

过 appSettings 之 二 /appSettings> 是 应 用 程序 设置 节 , 用 来 定义 应 用 全 局 常量 如 数 
据 库 连接 字符 串 常量 等 信息 ， 

王 authentication 二 一/authentication 之 可 称 为 认证 节 , 用 来 设置 应 用 程序 的 身份 验 
证 模式 。 没 有 经 过 身份 验证 访问 应 用 程序 的 用 户 称 为 匿名 用 户 ,在 默认 情形 下 ,应 用 程序 
是 允许 匿名 访问 的 ; 

< 一 authorization 之 二 /authorization 之 可 称 为 授权 节 , 用 于 设置 允许 (Callow) 或 拒绝 
(Cdeny) 用 户 或 用 户 组 访问 特定 页 面 资源 的 权利 ; 

所 customErrors 二 二 /customErrors 二 是 自 定义 错误 节 , 用 来 指定 发 生 错误 时 可 以 重 
定向 的 页 面 的 URL。 这 样 可 以 自行 编写 出 错时 的 信息 显示 页 面 ,以 免 程序 发 生 错误 时 系 
统 抛 出 的 异常 直接 被 用 户 看 见 。 


9.2.2 ASP.NET 身份 验证 模式 


ASP.NET 支持 以 下 3 种 模式 的 身份 验证 。 
(1) 基于 Microsoft Windows 的 身份 验证 。Windows 认证 要 求 每 一 个 用 户 在 应 用 程 
序 所 在 的 服务 器 上 拥有 一 个 用 户 账号 ,并 在 Web. config 文件 中 设置 如 下 代码 : 


< system. web> 
<authentication mode = "Windows" /> 
</system. web> 


(2) 基于 Microsoft Passport 的 身份 验证 。Passport 认证 是 Microsoft 收费 的 一 种 注 
册 通 行 证 服务 。 目 前 国内 网 站 较 少 使 用 。 

(3) 基于 Forms 的 身份 验证 。Forms 认证 需要 在 应 用 程序 中 增加 一 个 登录 页 面 。 当 
用 户 访问 应 用 程序 的 受 限 页 面 时 ,将 被 自动 引导 到 登录 页 面 。 用 户 输入 的 用 户 名 和 密码 
经 数据 库 验证 后 倘若 正确 ,表示 通过 认证 ,在 客户 端 将 自动 创建 一 个 以 用 户 名 为 参数 的 认 
证 Cookie, 并 重 定 向 到 用 户 刚才 请 求 的 页 面 。 

例如 ,倘若 希望 所 有 访问 管理 员 后 台 (Admin 文件 夹 下 的 所 有 页 面 ) 的 用 户 都 必须 先 
到 登录 页 面 Login. aspx 去 登录 以 验 明 身 份 , 则 可 以 在 Web. config 文件 中 设置 如 下 代码 : 

<authentication mode = "Forms"> 


< forms name = "userCookie" loginUrl = "~ /Login/Login.aspx" timeout = "60"/> 
</authentication> 


< location path = "Admin"> 
< sYstem. web > 
<authorization> 
<allow roles = "admin"/> 
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<allow users = "Rose"/> 
<deny users="*"/> 
</authorization> 
</system. web> 
</location> 


说 明 : 

GD 在 以 上 授权 节 中 ,授权 角色 ( 即 用 户 组 )admin 和 用 户 Rose 可 以 访问 Admin 文件 
卖 下 的 文件 。 一 deny users 一 "x "/ 二 表示 拒绝 所 有 用 户 , 一 allow users 二 "?"/ 沁 表示 允 
许 匿名 用 户 。 注 意 通配符 的 用 法 。 

G@ 在 以 上 认证 节 中 ,mode 设置 了 基于 Forms 的 身份 验证 。name 属性 用 来 指定 认证 
Cookie,Cookie 名 称 任意 ; loginUrl 属性 指定 将 被 自动 引导 的 登录 页 面 URL; timeout 属 
性 指定 认证 Cookie 的 到 期 时 间 ( 分 钟 ) 。 

基于 Forms 的 认证 使 用 Cookie 来 保持 页 面 之 间 的 状态 。 因 为 设置 简单 ,是 迄今 为 
止 广泛 使 用 的 认证 模式 。 


9.2.3 Blog 网 站 的 安全 性 配置 策略 


(1) 继续 创建 日 志 网 站 。 站 点 目录 结构 、 数 据 库 文件 及 主要 页 面 文件 可 以 参考 任 
务 9. 1。 站 点 首页 是 DefaultArticleAllRepeat. aspx。 

(2) 在 Web. config 中 设置 页 面 的 授权 。 

对 于 匿名 用 户 ,认证 用 户 ,管理 员 账 号 用 户 等 ,分 别 授予 允许 访问 或 拒绝 访问 特定 页 
面 资源 的 权利 : 

对 于 包括 匿名 用 户 在 内 的 所 有 用 户 ,授予 允许 访问 首页 (浏览 日 志 ) 的 权利 ; 授予 允 
许 访问 Login 登录 文件 夹 (用 户 登 录 、 新 用 户 注册 ) 的 权利 ; 

对 于 认证 用 户 ,授予 允许 访问 发 表 日 志 页 面 的 权利 ; 

对 于 管理 员 用 户 , 则 授予 其 允许 访问 Admin 管理 员 文 件 夹 的 权利 。 

注意 : 对 于 Admin 管理 员 文 件 夹 ,同时 还 要 设置 拒绝 匿名 访问 ,因为 在 默认 情形 下 ， 
应 用 程序 是 允许 匿名 访问 的 。 

在 MicroBlog 项 目 Web 站 点 下 ,Web. config 应 用 程序 配置 文件 的 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?> 
<configuration> 

< appSettings/> 

< connectionStrings> 

< add name = " userlogConnectionString " connectionString = " Data Source = . \ SQLEXPRESS; 

RttachDbFilename = | DataDirectory|\userlog. mdf; Integrated Security = True; User Instance = True" 
providerName = "System. Data. SqlClient" /> 

</connectionStrings> 


< SYstem. web > 
<1—— 
设置 compilation debug = "true" 将 调试 符号 插入 已 编译 的 页 面 中 .但 由 于 这 会 
影响 性 能 ,因此 只 在 开发 过 程 中 将 此 值 设 置 为 true. 
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二 
<compilation debug = "true"/> 
<!-- 
通过 <authentication> 节 可 以 配置 ASP.NET 使 用 的 安全 身份 验证 模式 ， 
以 标识 传人 的 用 户 . 
ss 


< authentication mode = "Forms"> 
< forms name = "AuthCookie" loginUrl = "一 /Login/Login.aspx"/> 
</authentication> 


<authorization> 
<allow users= "?"/> 
</authorization> 
</system. web> 


< location path = "Login"> 
< sYstem. web > 
<authorization> 
<allow users="*"/> 
</authorization> 
</system. web> 
</location> 


< location path = "Rdmin"> 
< system. web > 
< authorization> 
<allow users = "Rose, John"/> 
<deny users="*"/> 
</authorization> 
</system. web> 
</location> 


< system. web> 
SI== 
如 果 在 执行 请 求 的 过 程 中 出 现 未 处 理 的 错误 , 则 通过 <customErrors> 节 
可 以 配置 相应 的 处 理 步骤 .具体 说 来 ,开发 人 员 通 过 该 节 可 以 配置 要 显示 的 
html 错误 页 以 代替 错误 堆栈 跟踪 . 
-—> 
<customErrors mode = "RemoteOnly" defaultRedirect = "GenericErrorPage. htm"> 
< error statusCode = "403" redirect = "NoAccess. htm" /> 
< error statusCode = "404" redirect = "FileNotFound. htm" /> 
< error statusCode = "500" redirect = "ServerError. htm" /> 
</customErrors> 
</systen. web> 
</configuration> 


可 以 看 到 ,这 里 用 二 allow users 二 "Rose,John"/ 这 ,一 个 逗号 分 隔 的 用 户 名 列表 ,来 

代 蔡 了 roles 角色 (用 户 组 ) 的 授权 设置 : 授权 用 户 Rose、John 可 以 访问 Admin 文件 夹 。 
Forms 验证 没有 为 角色 验证 提供 直接 支持 ,所 以 这 是 最 简单 的 给 用 户 组 授权 的 方法 。 
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(3) 在 登录 页 面 的 Login. aspx. cs 中 新 增 的 几 行 代码 ,用 以 在 通过 登录 的 数据 库 验 证 
以 后 给 用 户 发 放 凭 证 Cookie。 修 改 后 的 Login. aspx. cs 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp. Login 
{ 
public partial class Login : System. Web. UI. Page 
{ 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
User user = new User(); 
user. User name = txt name.Text.Trim(); 
user. User pw = txt_pw.Text.Trim(); 


// 判 断 登录 用 户 名 和 密码 是 否 正 确 
if (UserManager. UserLogin(user, out user) ) 
{ 
// 保 存 发 表 日 志 时 需要 的 用 户主 键 标 识 
Session[ "user_id"] = user.User_ id; 
// 通 过 登录 的 数据 库 验 证 ,并 在 客户 端 创建 一 个 以 登录 名 为 参数 的 认证 Cockie 
FormsAuthentication. SetAuthCookie(txt_name. Text, false); 
// 重 定向 到 管理 员 页 面 
Response. Redirect("~ /Admin/ArticleManagerGridView. aspx" ); 
} 
else 
{ 
txt_msg. Text =“" 请 查证 并 输入 有 效 的 用 户 名 和 密码 !"; 
txt_name. Text = string. Empty; 
txt_pw. Text = string. Empty; 


|; 


当 用 户 请 求 管理 员 页 面 (比如 日 志文 章 管理 页 面 ArticleManagerGridView. aspx) 时 ， 
将 被 自动 引导 到 Login. aspx 页 面 登录 ; 在 Login. aspx. cs 文件 中 根据 用 户 输入 的 用 户 名 
和 密码 在 数据 库 userlog. mdf(userinfo 表 ) 中 寻找 匹配 记录 。 倘 若 通过 数据 库 验 证 ,系统 
将 自动 在 客户 端 创建 一 个 以 用 户 名 为 参数 的 认证 Cookie 并 可 重 定向 到 刚才 用 户 请 求 的 
(管理 员 ) 页 面 。false 表示 关闭 浏览 器 后 不 保留 认证 Cookie。 

上 述 新 增 的 两 行 代码 也 可 以 合并 成 一 行 ,并 且 是 重 定 向 到 用 户 刚 才 请 求 的 页 面 ,代码 
如 下 : 


FormsAuthentication. RedirectFromLoginPage(txt_name. Text, false); 
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(4) 当 用 户 退出 登录 时 ,可 以 使 用 FormsAuthentication. SetAuthCookie Cnull， 
false) ;或 者 FormsAuthentication. SignOut() ;删除 认证 Cookie。 
修改 Logout. aspx. cs 中 Page_Load 事件 代码 如 下 : 
namespace BlogWebApp. Login 
{ 
public partial class Logout : System. Web. UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
Session[ "user_id"] = null; // 清 空 Session 对 象 
FormsAuthentication. SignOut(); // 删 除 认证 Cookie, 退出 登录 
Response. Redirect("~ /Login/Login. aspx" ); // 返 回 到 登录 页 面 


} 
9.2.4 小 结 


在 Web. config 中 还 可 以 设置 网 站 安全 性 等 其 他 众多 配置 选项 。 例 如 ,可 以 使 用 
ASP.NET 提供 的 网 站 管理 工具 (而 不 需要 手动 编辑 ) 来 创建 或 编辑 配置 文件 : 单 击 “解决 
方案 资源 管理 器 ?面板 中 的 “ASP.NET 配置 ”按钮 , 即 可 进入 站 点 管理 工具 的 欢迎 页 面 。 
它 提供 了 一 个 Web 界面 ,用 于 管理 当前 站 点 的 配置 设置 。 

网 站 管理 工具 提供 了 “主页 ”“ 安 全 ”“ 应 用 程序 ” “提供 程 序 ” 这 4 个 选项 卡 。 

使 用 “安全 ”选项 卡 可 以 管理 访问 规则 、 可 以 创建 和 管理 用 户 与 角色 (用 户 组 )。 

使 用 * 应 用 程序 ?选项 卡 可 以 管理 与 网 站 有 关 的 各 种 设置 ,其 中 包括 : 应 用 程序 设置 、 
SMTP 设置 .调试 和 跟踪 设置 等 。 

使 用 “提供 程序 ”选项 卡 可 以 指定 存储 网 站 成 员 和 角色 信息 的 数据 库 提供 程序 。 在 默 
认 情 况 下 ,网 站 管理 工具 在 网 站 的 App_Data 文件 夹 中 创建 一 个 本 地 SQL Server 
Express 数据 库 用 以 存储 用 户 信息 ; 如 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ,可 以 使 用 
“提供 程序 ”选项 卡 选择 其 他 提供 程序 。 

首次 使 用 网 站 管理 工具 时 ,如 果 Web. config 文件 不 存在 ,网 站 管理 工具 将 创建 该 文 
件 ; 当 更 改 默 认 配 置 时 ,将 修改 Web. config 文件 。 对 于 大 多 数 设置 而 言 , 在 网 站 管理 工 
具 中 进行 的 更 改 都 将 立即 生效 并 反映 在 Web. config 文件 中 。 

读者 可 以 参见 ASP.NET 网 站 管理 工具 的 帮助 文件 得 到 更 详细 的 说 明 。 


9.2.5 思考 与 练习 
为 0931 新 闻 网 站 配置 基于 Forms 的 身份 验证 与 页 面授 权 。 
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任务 10.1 使 用 ASP.NET AJAX Extensions 
优化 新 闻 搜 索 页 


任务 目标 


(1) 熟悉 ASP.NET AJAX Extensions 控件 。 
(2) 会 用 ASP.NET AJAX Extensions 实现 页 面 局 部 更 新 。 


10.1.1 ASP.NET AJAX 简介 


前 面 介绍 的 以 服务 器 端 为 中 心 的 ASP.NET Web 应 用 程序 有 一 个 很 大 的 缺陷 ,就 是 
它 需 要 频繁 地 刷新 页 面 ,页 面 响应 速度 慢 。 传 统 的 Web 应 用 允许 用 户 填 写 表单 (Form)， 
当 提交 表单 时 就 向 Web 服务 器 发 送 一 个 请 求 。 服 务 器 接收 并 处 理 传 来 的 表单 ,然后 返回 
一 个 新 的 网 页 。 这 个 做 法 浪费 了 许多 带宽 ,因为 在 前 后 两 个 页 面 中 的 大 部 分 HTML 代 
码 往往 是 相同 的 。 由 于 每 次 应 用 的 交互 都 是 向 服务 器 发 送 请 求 并 获得 新 的 网 页 ,应 用 的 
响应 时 间 就 依赖 于 服务 器 的 响应 时 间 。 这 导致 了 用 户 界面 的 响应 比 本 地 应 用 慢 得 多 。 

与 此 不 同 , 使 用 AJAX 能 在 不 刷新 整个 页 面 的 前 提 下 维护 数据 。 这 使 得 Web 应 用 程 
序 更 为 迅捷 地 响应 用 户 交 互 , 并 避免 了 在 网 络 上 发 送 那些 没有 改变 的 信息 。AJAX 
(Asynchronous JavaScript and XML ,异步 JavaScript 和 XML) 是 一 种 创建 交互 式 网 页 应 
用 的 网 页 开发 技术 。 事 实 上 ,AJAX 不 是 指 一 种 单一 的 技术 ,而 是 有 机 地 利用 了 一 系列 相 
关 的 技术 。 它 使 用 XHTML 十 CSS 来 表示 信息 ; 使 用 JavaScript 操作 Document Object 
Model 进行 动态 显示 及 交互 ; 使 用 XML 和 XSLT 进行 数据 交换 及 相关 操作 ; 使 用 
XMLHttpRequest 对 象 与 Web 服务 器 进行 异步 数据 交换 ; 使 用 JavaScript 将 所 有 的 东 
西 绑 定 在 一 起 。AJAX 应 用 可 以 仅 向 服务 器 发 送 并 取 回 必需 的 数据 , 它 使 用 SOAP 或 其 
他 一 些 基 于 XML 的 Web Service 接口 ,并 在 客户 端 采用 JavaScript 处 理 来 自 服务 器 的 响 
应 。 因 为 在 服务 器 和 浏览 器 之 间 交 换 的 数据 大 量 减 少 ,所 以 就 能 看 到 响应 更 快 的 应 用 。 
同时 由 于 很 多 的 处 理工 作 可 以 在 发 出 请 求 的 客户 端 机 器 上 完成 ,因此 Web 服务 器 的 处 理 
时 间 也 减少 了 。 简 单 地 说 ,AJAX 就 是 一 种 实现 无 刷新 效果 ,增强 用 户 体验 的 网 页 技术 。 

微软 推出 的 ASP.NET 的 AJAX 框架 一 一 ASP.NET AJAX, 将 AJAX 技术 集成 到 了 
ASP.NET 平 台中 ,成 为 ASP. NET 的 一 种 扩展 技术 。ASP.NET AJAX 是 一 个 免费 框 
架 ,是 目前 对 AJAX 技术 最 完备 的 封装 ,其 丰富 的 组 件 可 以 让 用 户 非常 方便 地 利用 面向 


对 象 的 思想 实现 AJAX 网 页 技术 ,快速 地 创建 有 效率 及 交互 式 的 .能 在 各 种 流行 的 浏览 
器 工作 的 Web 应 用 程序 。ASP.NET AJAX 框架 由 两 部 分 组 成 : 客户 端 脚本 库 和 服务 器 
组 件 。 客 户 端 脚本 库 (ASP.NET AJAX 框架 的 客户 端 部 分 ) 将 跨 浏览 器 的 ECMAScript 
(JavaScript) 技 术 和 动态 的 HTML(DHTML) 技 术 结 合 在 一 起 ,并 与 基于 ASP.NET 服务 
器 的 开发 平台 集成 。 服 务 器 组 件 (ASP.NET AJAX 框架 的 服务 器 端 部 分 ) 包 括 服务 器 端 
控件 ASP.NET 2.0 AJAX Extensions 和 以 ASP.NET AJAX Control Toolkit 为 代表 的 
第 三 方 控件 ,是 对 ASP.NET AJAX 框架 的 客户 端 脚本 库 与 应 用 在 服务 器 端的 封装 。 它 
对 JavaScript 进行 了 非常 巧妙 的 面向 对 象 方面 的 扩展 ,以 提供 对 客户 端面 向 对 象 编程 的 
支持 。 这 使 得 用 户 在 开发 ASP.NET AJAX Web 应 用 程序 时 ,只 需要 关注 ASP.NET 
AJAX 服务 器 端 控 件 ,就 像 关 注 其 他 ASP.NET 控件 一 样 ,根本 不 需要 关注 JavaScript, 甚 
至 不 需要 了 解 JavaScript 也 可 以 实现 优秀 的 AJAX 效果 。 

ASP.NET AJAX Web 应 用 程序 与 完全 基于 服务 器 的 Web 应 用 程序 相 比 ,具有 很 多 
优点 。 它 可 以 提供 如 下 功能 。 

(1) 增强 的 效率 ,因为 网 页 的 大 部 分 处 理工 作 是 在 浏览 器 中 执行 的 。 

(2) 熟悉 的 UI 元 素 ,如 进度 指示 器 .工具 提示 和 弹出 窗口 。 

(3) 部 分 页 更 新 ,只 刷新 已 发 生 更 改 的 网 页 部 分 。 

(4) 客户 端 与 用 于 Forms 身份 验证 的 ASP.NET 应 用 程序 服务 .角色 和 用 户 配置 文 
件 的 集成 。 

(5) 自动 生成 的 代理 类 ,可 简化 从 客户 端 脚本 调用 Web 服务 方法 的 过 程 。 

(6) 一 个 框架 ,可 自 定义 服务 器 控件 以 包含 客户 端 功能 。 

(7) 对 大 部 分 流行 的 和 常用 的 浏览 器 的 支持 ,其 中 包括 Microsoft Internet Explorer、 
Mozilla Firefox 和 Apple Safari。 


10.1.2 安装 ASP.NET AJAX Extensions 


ASP.NET AJAX Extensions 是 开发 ASP.NET AJAX 程序 最 重要 的 安装 包 , 是 
ASP.NET AJAX 的 核心 ,包括 最 重要 和 最 基本 的 一 些 控件 和 功能 。 对 于 这 个 安装 包 中 
的 内 容 , 微 软 公 司 为 其 提供 了 完善 的 技术 支持 ,在 MSDN 中 也 有 对 应 的 开发 文档 等 。 

本 教程 使 用 的 ASP.NET 2.0 AJAX Extensions 1.0 可 从 微软 ASP.NET 官方 网 站 
免费 下 载 。 具 体 步 骤 为 : 进入 http://www. asp. net/ajax/downloads/archive/, 单 击 链 
接 Download ASP.NET AJAX Extensions v1.0, 下 载 文件 名 为 ASPAJAXExtSetup. msi 
的 安装 程序 并 运行 。 安 装 完毕 后 ,在 Visual Studio 2005 中 选择 “新 建 项 目 ” 菜 单 会 出 现 
ASP.NET AJAX-Enablled Web Application 项 目 模板 .用 它 即 可 新 建 经 过 基本 配置 的 
ASP.NET AJAX Web 应 用 程序 。 


10.1.3 ASP.NET AJAX Extensions 控件 简介 


ASP.NET 2.0 AJAX Extensions 控件 包括 以 下 5 种 。 

1. 脚本 管理 控件 ScriptManager 

ASP.NET AJAX 的 核心 就 是 ScriptManager 控件 ,该 控件 用 于 管理 支持 ASP. NET 
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AJAX 页 的 客户 端 脚本 。 任 何 一 个 使 用 ASP.NET AJAX 的 页 面 都 需要 加 入 ScriptManager， 
但 每 个 页 面 中 有 且 只 能 有 一 个 ScriptManager, 且 必须 出 现在 任何 需要 它 的 控件 之 前 。 它 
提供 了 实现 ASP.NET AJAX 功能 需要 的 基本 的 脚本 。 
2. 局 部 更 新 控件 UpdatePanel 
UpdatePanel 控件 用 于 实现 页 面 局 部 更 新 ( 即 在 页 面 回 传 过 程 中 刷新 网 页 的 选 定 部 
分 ,而 不 是 刷新 整个 网 页 )。UpdatePanel 控件 相当 于 一 个 容器 ,可 以 把 页 面 中 需要 更 新 
的 部 分 内 容 放 置 其 中 。 例 如 ,把 一 个 GridView 控件 拖 到 UpdatePanel 中 , 则 GridView 
的 分 页 .排序 操作 都 会 通过 AJAX 请 求实 现 页 面 局 部 更 新 ,而 不 是 每 个 操作 都 引起 整个 
页 面 更 新 。 这 种 更 新 方式 称 为 “部 分 页 更 新 ”。 部 分 页 更 新 相 比 整 页 刷新 可 节省 系统 开 
销 , 也 会 让 用 户 感觉 更 流畅 。 
这 里 需要 指出 的 是 ,用 UpdatePanel 控件 进行 部 分 页 更 新 时 ,提交 给 服务 器 的 数据 跟 
一 般 的 回 传 没有 什么 区 别 , 包 括 ViewState 中 的 数据 在 内 的 所 有 数据 被 传 回 服务 器 。 不 
同 的 地 方 在 于 从 服务 器 只 返回 部 分 更 新 部 分 的 数据 。UpdatePanel 控件 的 回 传 方式 被 分 
为 两 种 ,异步 回 传 和 常规 回 传 ,异步 回 传 引发 UpdatePanel 的 更 新 ,常规 回 传 引发 整个 页 
面 的 更 新 。 
下 面 介绍 UpdatePanel 的 几 个 常用 属性 。 
(1) ContentTemplate 
ContentTemplate 属性 用 来 定义 UpdatePanel 的 内 容 , 在 其 内 部 可 以 放 ASP.NET 控 
件 或 HTML 元 素 。 例 如 ,在 ContentTemplate 内 放置 一 个 Button 控件 的 代码 为 : 
<asp:UpdatePanel ID = "UpdatePanell" runat = "server"> 
<ContentTemplate> 
<asp:Button ID = "Button1" runat = "server" Text = "Button" /> 
</ContentTemplate> 
</asp:UpdatePanel > 
(2) Triggers 
UpdatePanel 控件 有 两 种 Triggers 属性 , 即 AsyncPostBackTrigger 和 PostBackTrigger 。 
其 中 ,AsyncPostBackTrigger 属性 用 来 指定 某 个 服务 器 控件 ,并 将 该 控件 触发 的 服务 器 
事件 作为 该 UpdatePanel 控件 的 异步 更 新 触发 器 ; 而 PostBackTrigger 属性 用 来 指定 在 
UpdatePanel 控件 中 的 某 个 服务 器 控件 , 它 引 发 常规 回 传 . 整 页 更 新 。 下 面 的 代码 举例 说 
明了 Triggers 属性 的 使 用 方式 。 
<asp:Button ID = "Button1”runat = "server" Text = "异步 回 传 " OnClick = "Button1_Click"/> 
<asp:UpdatePanel ID = "UpdatePanel1" runat = "server"> 
< ContentTemplate> 
< asp:Button ID = "Button2” runat = "server" Text = "常规 回 传 " OnClick = "Button2_Click"/> 
</ContentTemplate> 
< Triggers> 
<asp:AsyncPostBackTrigger ControlID = "Button1" EventName = "Click" /> 
<asp:PostBackTrigger ControlID = "Button2" /> 


</Triggers> 
</asp:UpdatePanel > 
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其 中 ControlID 和 EventName 属性 分 别 用 来 指定 控件 ID 和 控件 事件 ,车 没有 明确 
指定 EventName 的 值 , 则 自动 采用 控件 的 默认 值 , 比 如 Button 就 是 Click。 在 上 面 的 代 
码 中 ,Buttonl 采用 异步 回 传 的 方式 ,而 Button2 采用 常规 回 传 的 方式 。Buttonl 位 于 
UpdatePanel 之 外 ,在 默认 情况 下 单 击 该 按钮 会 产生 常规 回 传 ,现在 在 UpdatePanel 中 添 
加 了 AsyncPostBackTrigger 属性 指定 Buttonl , 单 击 该 按钮 产生 的 却 是 异步 回 传 。Button2 
位 于 UpdatePanel 中 ,在 默认 情况 下 单 击 该 按钮 会 产生 异步 回 传 ,现在 在 UpdatePanel 中 添 
加 了 PostBackTrigger 属性 指定 Button2, 单 击 该 按钮 产生 的 却 是 常规 回 传 。 

(3) UpdateMode 

UpdateMode 属性 表示 UpdatePanel 的 更 新 模式 ,可 取 值 为 Always (总 是 更 新 ) 或 
Conditional( 有 条 件 更 新 ) ,默认 值 为 Always。Always 表示 不 管 有 没有 Trigger, 其 他 控 
件 都 将 更 新 该 UpdatePanel; Conditional 表示 只 有 当前 UpdatePanel 的 Trigger 被 指定 
或 ChildrenAsTriggers 属性 为 true 时 ,当前 UpdatePanel 中 控件 引发 的 异步 回 传 或 者 常 
规 回 传 ,或 是 服务 器 端 调用 Update() 方 法 才 会 引发 更 新 该 UpdatePanel。 

有 时 需要 为 一 个 页 面 的 多 个 需要 局 部 更 新 的 区 域 加 上 不 同 的 UpdatePanel。 由 于 
UpdatePanel 默认 的 UpdateMode 属性 是 Always, 如 果 页 面 上 有 一 个 局 部 更 新 被 触发 ， 
则 所 有 的 UpdatePanel 都 将 更 新 ,这 是 不 愿 看 到 的 ,只 需要 UpdatePanel 在 它 自 己 的 触发 
器 触发 的 时 候 更 新 就 可 以 了 ,所 以 需要 把 UpdateMode 设置 为 Conditional。 这 个 值 的 设 
定 可 以 使 各 个 UpdatePanel 在 各 种 合适 的 时 机 更 新 。 

例如 , 某 页 面包 括 两 个 UpdatePanel。UpdatePanell 用 来 输入 数据 ,其 中 包括 几 个 输 
入 框 一 个 “添加 ”按钮 和 一 个 “取消 ”按钮 。UpdatePanel2 用 来 显示 数据 ,里 面 放置 一 个 
GridView。 每 一 个 UpdatePanel 的 UpdateMode 属性 都 设置 为 Conditional, 并 将 
UpdatePanel2 的 Triggers 指定 由 “添加 ”按钮 引发 异步 回 传 。 这 时 , 当 单 击 “ 了 取消” 按钮 
时 ,只 有 UpdatePanell 刷新 , 当 单 击 “ 添 加 ”按钮 时 ,两 个 UpdatePanel 都 刷新 。 

(4) ChildrenAsTriggers 

ChildrenAsTriggers 属性 用 来 指示 UpdatePanel 中 直接 子 控件 的 异步 回 传 是 否 会 引 
发 UpdatePanel 的 更 新 。ChildrenAsTriggers 属性 可 取 值 为 True 或 False, 设 置 为 True 
时 更 新 ,否则 不 更 新 ,默认 为 True。 如 果 此 属性 设置 为 False, UpdatePanel 控件 的 
UpdateMode 属性 就 必须 设置 为 Conditional, 否 则 系统 会 抛 出 异常 。 

表 10-1 所 示 将 UpdatePanel 的 UpdateMode 和 ChildrenAsTriggers 属性 取 值 组 合 
情况 作出 总 结 。 

注意 : 在 假设 某 UpdatePanel 的 ID 为 up1, 并 不 设置 AsyncPostBackTiigger 和 Post- 
BackTrigger 两 个 Triggers 属性 的 前 提 下 。 

UpdatePanel 更 新 情况 总 结 如 下 : 如 果 UpdatePanel 控件 不 在 另 一 个 UpdatePanel 
控件 的 内 部 , 则 面板 的 更 新 将 取决 于 UpdateMode 和 ChildrenAsTriggers 属性 以 及 触发 
器 集合 的 设置 ; 如 果 某 个 UpdatePanel 控件 位 于 另 一 个 UpdatePanel 控件 内 部 , 则 子 面 
板 会 自动 随 父 面板 一 同 更 新 。 

出 现下 列 情况 时 ,会 更 新 UpdatePanel 控件 的 内 容 。 
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表 10-1 UpdateMode 和 ChildrenAsTriggers 属性 取 值 组 合 情 况 总 结 


属性 取 值 组 合 说 上 明 

upl 内 部 控件 可 对 upl 内 容 实现 异步 回 传 ,局 部 更 新 

其 他 UpdatePanel 内 部 控件 可 对 upl 内 容 实现 异步 回 传 ,局 部 更 新 
UpdateMode 一 "Always" UpdatePanel 之 外 的 控件 不 可 对 upl 内 容 实现 异步 回 传 。 
ChildrenAsTriggers 一 "True"” | UpdatePanel 之 外 的 控件 引发 常规 回 传 , 整 页 更 新 。 除 非 用 
AsyncPostBackTrigger 指定 UpdatePanel 之 外 的 控件 对 upl 内 容 实 
现 异步 回 传 ,局 部 更 新 


不 允许 这 种 设置 


UpdateMode= "Always" 
ChildrenAsTriggers= "False" 


upl 内 部 控件 可 对 upl 内 容 实 现 异 步 回 传 ,局 部 更 新 

其 他 UpdatePanel 内 部 控件 不 可 对 upl 内 容 实 现 异步 回 传 。 除 非 用 
AsyncPostBackTrigger 指定 其 他 UpdatePanel 内 部 控件 对 upl 内 容 
UpdateMode= "Conditional" 实现 异步 回 传 ,局 部 更 新 
ChildrenAsTriggers= "True" UpdatePanel 之 外 的 控件 不 可 对 upl 内 容 实 现 异 步 回 传 。 
UpdatePanel 之 外 的 控件 引发 常规 回 传 , 整 页 更 新 。 除 非 用 
AsyncPostBackTrigger 指定 UpdatePanel 之 外 的 控件 对 upl 内 容 实 
现 异 步 回 传 ,局 部 更 新 


upl 内 部 控件 不 可 对 upl 内 容 实 现 异 步 回 传 。 除 非 用 
AsyncPostBackTrigger 指定 upl 内 部 控件 对 upl 内 容 实 现 异 步 回 
传 , 局 部 更 新 

其 他 UpdatePanel 内 部 控件 不 可 对 upl 内 容 实现 异步 回 传 。 除 非 
UpdateMode= "Conditional" 用 AsyncPostBackTrigger 指定 其 他 UpdatePanel 内 部 控件 对 upl 内 
ChildrenAsTriggers 一 "False” | 容 实 现 异步 回 传 ,局 部 更 新 

UpdatePanel 之 外 的 控件 不 可 对 upl 内 容 实 现 异 步 回 传 。 
UpdatePanel 之 外 的 控件 引发 常规 回 传 , 整 页 更 新 。 除非 用 
AsyncPostBackTrigger 指定 UpdatePanel 之 外 的 控件 对 upl 内 容 实 
现 异步 回 传 ,局 部 更 新 


(1) 如 果 将 UpdateMode 属性 设置 为 Always, 则 每 次 从 页 上 的 任何 位 置 执 行 回 传 时 
都 会 更 新 UpdatePanel 控件 的 内 容 。 回 传 包 括 来 自 其 他 UpdatePanel 控件 所 包含 的 控件 
的 异步 回 传 ,也 包括 来 自 UpdatePanel 控件 未 包含 的 控件 的 回 传 。 

(2) UpdatePanel 控件 其 套 在 另 一 个 UpdatePanel 控件 中 并 且 更 新 父 面板 时 。 

(3) 将 UpdateMode 属性 设置 为 Conditional 并 且 满 足以 下 条 件 之 一 时 。 

O@ 显 式 调 用 UpdatePanel 控件 的 Update 方法。 

@ 通过 使 用 UpdatePanel 控件 的 Triggers 属性 定义 为 触发 器 的 控件 导致 回 传 。 在 
这 种 情况 下 ,该 控件 显 式 触发 面板 内 容 的 更 新 。 该 控件 可 以 位 于 定义 触发 器 的 
UpdatePanel 控件 的 内 部 或 外 部 。 

@ 将 ChildrenAsTriggers 属性 设置 为 True 并 且 UpdatePanel 控件 的 子 控件 导致 回 
传 。 嵌 套 的 UpdatePanel 控件 的 子 控件 不 会 导致 更 新 外 部 UpdatePanel 控件 ,除非 将 子 
控件 显 式 定义 为 触发 器 。 
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3. 更 新 进度 条 控件 UpdateProgress 

UpdateProgress 控件 用 于 为 长 时 间 的 AJAX 调用 给 用 户 提供 反馈 。 在 理想 的 情况 
下 ,AJAX 可 以 很 好 地 工作 。 但 是 如 果 遇 到 服务 器 响应 速度 慢 、 网 络 速度 不 理想 .复杂 的 
数据 库 请 求 等 原因 ,需要 用 户 等 待 一 段 时 间 , 此 时 AJAX 则 会 让 用 户 党 得 没有 任何 的 反 
馈 ,这 是 用 户 不 希望 看 到 的 。 通 常 的 解决 方案 是 ,使 用 一 个 可 视 化 的 组 件 来 告诉 用 户 系统 
正在 进行 后 台 操 作 并 且 正 在 读 取 数 据 和 内 容 。UpdateProgress 控件 提供 了 这 样 的 功能 ， 
它 能 够 以 一 种 友好 的 方式 向 用 户 显示 页 面 和 服务 器 正在 进行 交互 ,给 用 户 提 供 反 馈 , 告 
用 户 操作 正在 进行 ,用 户 也 就 不 必 为 此 而 感到 无 所 适 从 了 。UpdateProgress 控件 运行 时 
的 表现 形式 完全 可 以 通过 其 模板 进行 自 定义 ,可 以 让 UpdateProgress 控件 显示 一 个 有 意 
义 的 消息 ,或 者 提供 一 个 取消 按钮 使 用 户 可 以 取消 操作 。 

4. 计时 器 控件 Timer 控件 

Timer 控件 用 于 在 一 个 规定 的 时 间 间 隔 内 引发 时 钟 事件 ,对 页 面 进行 同步 或 异步 周 
期 性 地 更 新 。 如 果 将 Timer 控件 和 UpdatePanel 控件 结合 在 一 起 使 用 ,可 以 按照 定义 的 
时 间 间 隔 启 用 部 分 页 更 新 ,也 可 以 使 用 Timer 控件 来 发 送 整 页 。 

Timer 控件 的 一 般 形 式 如 下 : 

<asp:Timer ID= "Timerl”runat = "server" OnTick = "Timerl_Tick" Interval = "60000"> 

</asp:Timer> 

它 表 示 每 隔 1 分 钟 引发 服务 端的 时 钟 事 件 从 而 发 起 AJAX 调用 。Timer 控件 的 
Interval 属性 用 于 指定 时 间 间 隔 ,单位 是 毫秒 ,默认 值 为 60000(60s)。Timer 控件 的 Tick 
事件 用 于 指定 所 要 触发 的 事件 。 

5. 脚本 管理 代理 控件 ScriptManagerProxy 

ScriptManagerProxy 控件 允许 内 容 页 和 用 户 控件 等 蔡 套 组 件 在 父 元 素 中 已 定义 了 
ScriptManager 控件 的 情况 下 将 脚本 和 服务 引用 添加 到 网 页 。ScriptManagerProxy 和 
ScriptManager 的 功能 很 相似 。 但 ScriptManagerProxy 只 是 试图 充当 代理 去 调用 
ScriptManager 的 功能 ,从 而 保证 了 同一 个 页 面 实际 上 只 存在 一 个 ScriptManager。 


10.1.4 使 用 ASP.NET AJAX Extensions 实现 新 闻 搜 索 
列表 的 局 部 刷新 显示 


借助 ASP.NET AJAX 控件 ,使 用 很 少 的 客户 端 脚本 或 不 使 用 客户 端 脚 本 就 能 创建 
丰富 的 客户 端 行为 ,如 在 异步 回 传 过 程 中 进行 部 分 页 更 新 和 显示 更 新 进度 。 不 过 ,所 有 
ASP.NET AJAX 控件 都 需要 Web. config 文件 中 的 特定 设置 才能 正常 运行 。 如 果 在 
Visual Studio 2005 中 ,选择 ASP.NET AJAX-Enablled Web Application 项 目 模板 新 建 
一 个 ASP.NET AJAX Web 应 用 程序 ,ASP.NET AJAX 相关 的 一 些 配置 会 自动 添加 到 
该 Web 应 用 程序 的 Web. config 中 。 如 果 想 在 已 有 的 Web 应 用 程序 中 添加 ASP.NET 
AJAX 的 功能 ,就 需要 手动 修改 Web. config 文件 。 

下 面 对 任 务 6. 3 中 已 经 完成 的 新 闻 搜 索 页 NewsSearch. aspx 再 进行 优化 ,增加 
ASP.NET AJAX Extensions 相关 控件 ,实现 新 闻 搜索 列表 的 局 部 刷新 显示 。 对 于 这 个 已 
存在 的 新 闻 网 站 , 原 Web. config 中 一 些 经 过 设置 的 值 是 要 保留 的 。 在 配置 Web. config 时 可 
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以 进行 如 下 操作 。 

(1) 将 新 闻 网 站 原 Web. config 备份 。 

(2) 新 建 一 个 ASP.NET AJAX Web 应 用 程序 ,将 自动 生成 的 Web. config 中 的 代码 
复制 并 覆盖 新 闻 网 站 中 原 Web. config 的 内 容 。 

(3) 打开 步骤 (1) 中 的 备份 文件 ,将 原 Web. config 中 手动 修改 过 的 配置 代码 添加 到 
新 闻 网 站 新 的 Web. config 中 去 。 

(4) 打开 News 解决 方案 ,在 “解决 方案 资源 管理 器 "面板 中 ,向 Web 项 目 添加 对 
System. Web. Extensions. dll 程序 集 的 引用 ,如 图 10-1 所 示 。 


组 件 名 称 | 
System.Web.Abstractions 
System Web.DynamicData 
System Web.DynamicData.Design 
System.Web.Entity 
System.Web.Entity.Design 
System.Web.Extensions 


System.Web.Extensions.Design 
item Mai Coeanet aed 


图 10-1 添加 System. Web. Extensions 引用 


新 闻 搜 索 页 的 修改 主要 通过 以 下 两 步 来 完成 。 

1. 设置 页 面 局 部 更 新 

设置 页 面 局 部 更 新 的 基本 步骤 如 下 : 

(1) 添加 ScriptManager 控件 。 在 将 UpdatePanel 控件 添加 到 页 面 上 之 前 ,必须 添加 
一 个 ScriptManager 控件 。UpdatePanel 控件 依赖 于 ScriptManager 控件 来 管理 部 分 页 
更 新 。 由 于 一 个 页 面 中 只 能 放 和 人 一 个 ScriptManager 控件 ,因此 ,车 用 母 版 页 设计 网 页 ， 
可 将 ScriptManager 控件 放 在 母 版 页 中 ,内 容 页 就 不 需要 再 加 入 ScriptManager 控件 了 。 
打开 母 版 页 NewsPage. Master ,切换 到 “设计 ”视图 ,将 工具 箱 的 AJAX Extensions 选项 
卡 中 的 ScriptManager 控件 拖 放 到 页 面 Form 开头 部 分 。 如 果 没 有 在 母 版 页 上 加 入 
ScriptManager 控件 , 则 必须 在 每 一 个 会 使 用 到 UpdatePanel 或 其 他 ASP.NET AJAX 控 
件 的 内 容 页 面 上 加 入 ScriptManager 控件 。 

(2) 添加 UpdatePanel 控件 。 打 开 内 容 页 NewsSearch. aspx, 向 页 面 添加 UpdatePanel 
控件 ,并 将 排序 、 分 页 按钮 及 Repeater 等 需 更 新 的 列表 内 容 全 部 移 至 UpdatePanel 中 。 
保存 修改 ,然后 按 Ctrl 十 F5 组 合 键 在 浏览 器 中 查看 页 面 。 

通过 比较 可 见 ,在 原来 的 新 闻 搜 索 页 中 , 单 击 排序 或 分 页 按钮 发 生 回 传 时 ,页 面 会 出 
现 闪烁 。 而 现在 经 过 优化 的 页 面 在 回 传 时 , 仅 刷 新 UpdatePanel 控件 部 分 ,不 会 发 生 页 面 
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闪烁 。 

注意 : 对 于 不 需要 更 新 的 内 容 ,例如 页 面 中 国定 不 变 的 内 容 , 就 不 要 将 其 放 在 
UpdatePanel 控件 中 。 目 的 是 为 了 缩小 需要 更 新 的 范围 ,从 而 有 效 地 缩短 更 新 的 时 间 , 让 
用 户 感觉 页 面 反 应 很 快 。 

2. 设置 更 新 进度 显示 

若 遇 到 网 络 延 迟 , 这 时 候 如 果 在 页 面 上 出 现 一 个 GIF 动画 ,告诉 用 户 稍 等 ,等 服务 器 
处 理 完 数据 的 时 候 GIF 动画 消失 ,就 会 让 用 户 感觉 体贴 很 多 。 可 以 使 用 UpdateProgress 控 
件 来 实现 这 个 功能 。 在 请 求 UpdatePanel 的 新 内 容 时 ,用 UpdateProgress 显示 状态 消息 。 

设置 更 新 进度 显示 的 基本 步骤 如 下 : 

(1) 添加 UpdateProgress 控件 。 打 开 内 容 页 NewsSearch. aspx, 切 换 到 “设计 ”视图 ， 
将 工具 箱 的 AJAX Extensions 选项 卡 中 的 UpdateProgress 控件 拖 放 到 页 面 UpdatePanel 
控件 的 下 方 。 

(2) 建立 控件 关联 。 选 择 UpdateProgress 控件 ,并 在 “属性 ”窗口 中 将 AssociatedUpdate- 
PanelID 属性 设置 为 UpdatePanell。 这 会 将 UpdateProgress 控件 和 先前 添加 的 
UpdatePanel 控件 相关 联 。 

(3) 设置 进度 提示 内 容 。 在 UpdateProgress 控件 的 可 编辑 区 域 二 ProgressTemplate 二 
二 /ProgressTemplate 记 模板 中 ,插入 文字 “正在 更 新 ...” 和 一 个 GIF 动画 。 保 存 修改 , 然 
后 按 Ctrl 十 F5 组 合 键 在 浏览 器 中 查看 页 面 。 如 果 在 页 面 运行 SQL 查询 和 返回 数据 时 出 
现 延 迟 , 则 UpdateProgress 控件 将 显示 输入 到 UpdateProgress 控件 中 的 消息 。 

(4) 如 果 应 用 程序 快速 更 新 每 页 数据 , 则 可 能 看 不 到 页 上 的 UpdateProgress 控件 的 
内 容 。UpdateProgress 控件 支持 DisplayAfter 属性 ,该 属性 可 以 使 得 在 显示 该 控件 之 前 
设置 延迟 。 这 可 阻止 当 更 新 过 快 时 ,浏览 器 中 发 生 控件 闪烁 。 在 默认 情况 下 ,延迟 设置 为 
500ms(0. 5s) ,这 意味 着 如 果 更 新 的 时 间 少 于 0. 5s, 则 将 不 会 显示 UpdateProgress 控件 。 
在 开发 环境 中 ,可 以 向 应 用 程序 添加 人 为 延迟 ,从 而 确保 UpdateProgress 控件 按 预期 方 
式 工作 。 在 Page_Load 事件 处 理 程序 中 添加 以 下 代码 ,人 为 地 创建 3s 的 延迟 : System。 
Threading. Thread. Sleep(2000) ;出 于 本 任务 演示 的 需要 ,Page_Load 事件 的 处 理 程序 有 
意 引 入 了 延迟 。 这 是 一 个 可 选 步 又, 并且 仅 用 于 测试 应 用 程序 。 在 实际 应 用 中 ,不 用 引入 
延迟 。 相 反 ,延迟 是 由 服务 器 通信 量 或 需要 花 很 长 时 间 处 理 的 服务 器 代码 造成 的 ,例如 长 
时 间 和 运行 的 数据 库 查 询 。 保 存 修改 ,然后 按 Ctrl 十 F5 组 合 键 在 浏览 器 中 查看 页 面 。 现 
在 ,由 于 向 新 页 数据 中 移 人 了 一 个 3s 延迟 ,因此 将 会 看 到 UpdateProgress 控件 。 

当 单 击 排序 或 分 页 按钮 时 ,优化 后 的 新 闻 搜 索 页 运行 效果 如 图 10-2 所 示 。 

优化 后 的 新 闻 搜索 页 的 关键 代码 如 下 所 示 。 

NewsPage. Master 的 关键 代码 如 下 : 


<% @ Master Language = "C#" RutoEventWireup = "true" CodeBehind = "NewsPage. master. cs" 
Inherits = "Web. NewsPage” %> 


<body> 
<form id = "forml" runat = "server"> 
<asp:ScriptManager ID = "ScriptManagerl1" runat = "server"> 
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</asp:ScriptManager > 
<div id= "container"> 


</div> 


</form> 
</body> 


NewsSearch. aspx 的 关键 代码 如 下 : 


<% @ Page Language = "C#" MasterPageFile =" 一 /NewsPage. Master" RutoEventWireup = "true" 
CodeBehind = "NewsSearch. aspx. cs” Inherits = "Web. NewsSearch" Title= "新 闻 搜 索 "#%> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div id = "col"> 
<div class = "box"> 
<div class = "box_title"> 新 闻 搜索 </div> 
<div class = "box_text"> 
< asp:UpdatePanel ID = "UpdatePanel1”runat = "server" UpdateMode = "Conditional"> 
<ContentTemplate> 
<div> 


排序 方式 : 


</div> 
<div> 
<ul id="title ul"> 


</ul> 
< asp:Repeater ID = "rpNews" runat = "server" EnableViewState = 
"false"> 


</asp:Repeater> 
</div> 
< div id= "page"> 


</div> 
</ContentTemplate> 
</asp:UpdatePanel > 
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<asp: UpdateProgress ID = " UpdateProgressl" runat = " server " 
RssociatedUpdatePanelID = "UpdatePanel1"> 
<ProgressTemplate> 


<asp:Image ID = "Imagel" runat = " server" ImageUrl = "~/App_ 
Themes/Default/Images/ajax_special updater.gif" /> 
</ProgressTemplate> 
</asp:UpdateProgress> 
</div> 
</div> 
</div> 

</asp:Content > 


10.1.5 小 结 


(1) 使 用 ASP.NET AJAX 功能 ,可 以 生成 丰富 的 Web 应 用 程序 ,改进 用 户 体验 并 提 
高 Web 应 用 程序 的 效率 。 

(2) ASP.NET AJAX 具有 类 似 传统 的 ASP.NET Web 应 用 程序 的 开发 模式 ,使 用 起 
来 非常 方便 。 只 要 在 Visual Studio 中 轻松 拖 放 相 应 控件 即 可 实现 强大 的 客户 端 AJAX 
功能 。 

(3) ASP. NET AJAX 的 UpdatePanel、UpdateProgress 和 Timer 控件 需要 
ScriptManager 控件 支持 才能 实现 部 分 页 更 新 。 

(4) 当 对 UpdatePanel 进行 属性 设置 时 ,不 允许 将 ChildrenAsTriggers 设置 为 false 
的 同时 将 UpdateMode 设置 为 Always, 和 否则 会 引发 系统 异常 。 


10.1.6 思考 与 练习 
给 新 闻 速 览 页 NewsList. aspx 增加 局 部 刷新 显示 功能 。 
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